104
40 BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 Profil Perusahaan 3.1.1 Sejarah Perusahaan C.V. BUANA ELECTRONIC adalah sebuah perusahaan jual beli yang mengkhususkan diri pada penjualan alat-alat elektronik secara kredit yang dibangun oleh Bambang Rustam Budiman. Dibangun pada tahun 1999, perusahaan yang beralamat di jl. Tebet Barat Dalam IV / F no 16 Jakarta Selatan ini memiliki misi menumbuhkan pertumbuhan ekonomi dan mengurangi tingkat pengangguran. Dalam perjalanannya dari tahun 1999 sampai sekarang, perusahaan ini sudah memiliki 5 perusahaan yang menjadi anak cabangnya. 3.1.2 Visi Misi Perusahaan Visi perusahaan merupakan mimpi yang ingin dicapai oleh sang pemilik saat perusahaan ini dimulai. Saat perusahaan ini dimulai, keadaan ekonomi sedang kacau dan keadaan ekonomi global sedang mengalami krisis. Pemilik merasa bahwa dengan perusahaan ini, pertumbuhan ekonomi dapat dirangsang sehingga daya beli masyarakat dapat meningkat. Pertumbuhan ekonomi lokal yang tumbuh diharapkan dapat member rangsangan juga pada pertumbuhan ekonomi global. Untuk merangsang pertumbuhan ekonomi, perusahaan ingin agar masyarakat dapat menikmati produk elektronik tanpa harus merasa berat untuk membeli saat itu juga dan mengeluarkan biaya yang cukup besar dalam

BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

  • Upload
    lamdung

  • View
    216

  • Download
    0

Embed Size (px)

Citation preview

Page 1: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

 

40  

BAB 3

ANALISIS PERMASALAHAN DAN PERANCANGAN

3.1 Profil Perusahaan

3.1.1 Sejarah Perusahaan

C.V. BUANA ELECTRONIC adalah sebuah perusahaan jual beli yang

mengkhususkan diri pada penjualan alat-alat elektronik secara kredit yang

dibangun oleh Bambang Rustam Budiman. Dibangun pada tahun 1999,

perusahaan yang beralamat di jl. Tebet Barat Dalam IV / F no 16 Jakarta Selatan

ini memiliki misi menumbuhkan pertumbuhan ekonomi dan mengurangi tingkat

pengangguran. Dalam perjalanannya dari tahun 1999 sampai sekarang,

perusahaan ini sudah memiliki 5 perusahaan yang menjadi anak cabangnya.

3.1.2 Visi Misi Perusahaan

Visi perusahaan merupakan mimpi yang ingin dicapai oleh sang pemilik

saat perusahaan ini dimulai. Saat perusahaan ini dimulai, keadaan ekonomi

sedang kacau dan keadaan ekonomi global sedang mengalami krisis. Pemilik

merasa bahwa dengan perusahaan ini, pertumbuhan ekonomi dapat dirangsang

sehingga daya beli masyarakat dapat meningkat. Pertumbuhan ekonomi lokal

yang tumbuh diharapkan dapat member rangsangan juga pada pertumbuhan

ekonomi global. Untuk merangsang pertumbuhan ekonomi, perusahaan ingin

agar masyarakat dapat menikmati produk elektronik tanpa harus merasa berat

untuk membeli saat itu juga dan mengeluarkan biaya yang cukup besar dalam

Page 2: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

41  

 

sekali transaksi. Ini pula yang menjadi harapan pemilik saat perusahaan dimulai

pada tahun 1999. Selain itu, perusahaan juga ingin merangsang pertumbuhan

ekonomi dengan menerapkan padat karya agar masyarakat dapat meningkatkan

daya belinya.

Misi perusahaan yang ingin dicapai dari awal perusahaan dibangun

merupakan tujuan yang ingin dicapai oleh sang pemilik saat perusahaan di

bangun. Pemilik yakin, dengan visi yang ada, perusahaan akan maju, membuka

divisi dan memiliki cabang baru. Dengan visi yang dimiliki, perusahaan juga

berusaha menampung tenaga kerja yang sempat kehilangan pekerjaan saat krisis

melanda. Selain itu perusahaan juga tidak semata-mata mencari keuntungan

tetapi juga melakukan tanggung jawab sosial perusahaan yaitu membantu

masyarakat dalam memenuhi kebutuhan mereka atas barang elektronik yang

dibutuhkan untuk memenuhi kebutuhan hidup mereka sehari-hari. Selain kepada

masyarakat, perusahaan juga melakukan tanggung jawab social kepada

karyawannya sendiri dengan memberikan penghargaan seperti bonus target, dan

kegiatan-kegiatan seperti corporate outing.

Page 3: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

42  

 

3.1.3 Struktur Organisasi

Gambar 3.1 menampilkan struktur organisasi dari C.V Buana Electronic:

Gambar 3.1 Struktur Organisasi C.V.Buana Electronic

3.1.4. Tugas dan Tanggung Jawab

Berikut ini adalah penjabaran tugas dan tanggung jawab dari susunan struktur organisasi

C.V. Buana Electronic:

a. Direktur.

i. Memberikan pengarahan saat rapat besar.

ii. Mengingatkan tentang visi dan misi perusahaan.

iii. Memeriksa laporan keuangan.

Page 4: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

43  

 

b. Finance

i. mengawasi perkembangan perusahaan dr hasil yg d peroleh slma

perbulan dlm penjualan, memantau pasar persaingan yang ada..

c. Accounting

i. Bertugas untuk mengatur sgala keuangan/transaksi yang ada dr

hasil laporan dimasukkan k dalam jurnal

d. Koordinator Admin

i. Bertugas untuk mengepalai bag. Admin, membuat catatan/report

e. Sales Manager

i. Bertugas untuk Bertugas untuk mengepalai bagian marketing dan

surveyor, mengatur pembagian”wilayah penjualan dan

strateginya, membuat report

f. Kepala Gudang

i. Bertugas untuk mengatur adanya persediaan dan pengiriman

barang k konsumen,membuat report

g. Supir Pengiriman

i. Bertugas untuk mengantar brang ke pembeli dan mengambil brng

dari gudang/supplier

h. Administrasi

i. Bertugas untuk memberikan informasi antara masing”bagian,

mengatur segala pemasukan dan pengeluaran

i. Surveyor

i. Bertugas untuk melakukan survey saat bagian marketing

mendapat pembeli

Page 5: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

44  

 

j. Marketing

i. Bertugas untuk mencari pembeli dan langganan

k. Kolektor

i. Bertugas untuk menarik cicilan kredit dari pelanggan

perhari/minggu/bulan

3.1.5 Sistem yang Berjalan

Sistem yang berjalan dapat dilihat pada gambar 3.2 sampai dengan gambar 3.6

Marketing Pelanggan

start

Door to door

Menawarkan brng dan

harga

Delivery order

Stop

Gambar 3.2 Penjualan Secara Door To Door Oleh Sales

Penjualan dilakukan oleh sales melalui metode door to door lalu memberikan penawran

dan harga. Jika pelanggan setuju dengan penawaran yang diberikan maka barang akan

diantar dengan delivery order.

Page 6: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

45  

 

Pelanggan Marketing

Gambar 3.3 Pemesanan Dengan Telepon

Pemesanan melalui telepon dapat dilakukan oleh pelanggan yang sudah pernah

memesan barang sebelumnya.

Page 7: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

46  

 

Marketing Admin Surveyor

Delivery order

start

Menerima delivery order dr planggan

Melakukan survey pd pelanggan

stop

Gambar 3.4 Diterima atau Tidaknya Delivery Order

Proses pada gambar 3.4 menggambarkan proses diterima atau tidaknya sebuah order dari

pelanggan.

Page 8: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

47  

 

Admin Kepala gudang

Gambar 3.5 Diterimanya Delivery Order

Gambar 3.5 menggambarkan proses selanjutnya dari proses keputusan diterima atau

tidaknya order.

Page 9: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

48  

 

Kolektor Pelanggan

Start

memberikan kertas

angsuran

membayarkan angsuran scara kredit

mendapatkan tanda bukti

end

belum

sudah

Gambar 3.6 Mengambil bayaran dari pelanggan secara angsur

Gambar 3.6 menggambarkan proses pembayaran yang dilakukan oleh pelanggan

ketika order disetujui.

Page 10: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

49  

 

3.1.6 Permasalahan yang terjadi

Gambar 3.7 merupakan gambaran penjualan bulanan C.V. BUANA

ELECTRONIC

Gambar 3.7 Penjualan Bulanan

Handphone 40%

Barang elektronik (kulkas,msin cuci,ac,tape,soundsystem) 20%

Laptop 15%

Televisi LCD atau LED 15%

Perabotan rumah tangga (lemari,kompor,meja,springbed) 5%

Komputer 3%

Motor 2%

Page 11: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

50  

 

Diagram diatas merupakan gambaran penjualan setiap bulan dari

C.V.BUANA ELECTRONIC. Keseluruhan penjualan setiap bulan mencapai

Rp.1,5 miliar sampai dengan Rp.2 miliar.

Untuk mengidentifikasi masalah yang ada, sebuah survey dilakukan

untuk mengumpulkan data masalah yang diperlukan. Pertanyaan yang sama

diajukan dan ditujukan kepada orang-orang yang berbeda. Berikut adalah hasil

wawancara dengan beberapa pegawai C.V. BUANA ELECTRONIC.

Wawancara 1

Tabel 3.1 wawancara dengan pegawai C.V. BUANA ELECTRONIC

Nama: Andi

Jabatan: Marketing

Tanggal wawancara 17 Desember 2010

Jam wawancara: 13.00

Twmpat wawancara jl. Tebet Barat Dalam IV / F no 16

Jakarta Selatan

1. Apakah nama perusahaan cukup dikenal?

Cukup dikenal oleh orang-orang terutama bagi para pedagang

atau usaha harian.

2. Apakah dengan sistem selama ini pemasukan perusahaan

Page 12: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

51  

 

cukup baik dan bertambah setiap bulan?

- Pemasukan tidak menentu tergantung pada usaha para marketing

menawarkan barang

3. Apakah sistem pembayaran selama ini cukup efisien?

- Untuk sampai saat ini, cukup efisien

4. Masalah apa saja yg ditemui selama ini dengan sistem

pemesanan yang berjalan?

- Ketersediaan stok barang, telatnya pembayaran dari pelanggan

5. Apa yang diharapkan dari pembuatan web yang bertujuan

membantu penjualan di perusahaan?

- Jangkauan marketing menjadi luas, penerimaan pemesanan

barang menjadi lebih mudah

6. Mengapa web terasa diperlukan?

- Untuk mendukung persaingan di dunia teknologi sekarang ini

7. Apakah masalah yang sering dialami oleh pelanggan?

Terlambatnya pengiriman barang, kerusakan pada barang dan

kurangnya informasi cara mengoperasikan barang yang benar.

Page 13: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

52  

 

Wawancara 2

Tabel 3.2 Wawancara Dengan Pegawai C.V. BUANA ELECTRONIC

Nama: Agus

Jabatan: Collector

Tanggal wawancara 17 Desember 2010

Jam wawancara: 14.00

Twmpat wawancara jl. Tebet Barat Dalam IV / F no 16

Jakarta Selatan

1. Apakah nama perusahaan cukup dikenal?

- Cukup dikenal terutama disekitar pelanggan atau daerah

pemasaran

2. Apakah dengan sistem selama ini pemasukan perusahaan cukup

baik dan bertambah setiap bulan?

- Saat ini cukup, terutama dengan adanya target dan bonus, para

bagian marketing dapat lebih giat memasarkan produk.

3. apakah sistem pembayaran selama ni cukup efisien?

- Efisien

4. Masalah apa saja yg ditemui selama ini dengan sistem

Page 14: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

53  

 

pemesanan yang berjalan?

- Data yang selalu berubah karena harga barang-barang terutama

handphone selalu berubah.

5. Apa yang diharapkan dari pembuatan web yang bertujuan

membantu penjualan di perusahaan?

- Pemasaran menjadi lebih mudah

6. Mengapa web terasa diperlukan?

- Sangat diperlukan, karena banyak perusahaan sekarang

membuat web juga trutama dalam persaingan

7. Apakah masalah yang sering dialami oleh pelanggan?

-Informasi barang yg kurang, telatnya pengiriman barang, telatnya

informasi pemesanan barang

Wawancara 3

Tabel 3.3 Wawancara Dengan Pegawai C.V. BUANA ELECTRONIC

Nama: Herry

Jabatan: Teknisi

Tanggal wawancara 17 Desember 2010

Page 15: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

54  

 

Jam wawancara: 15.00

Twmpat wawancara jl. Tebet Barat Dalam IV / F no 16

Jakarta Selatan

1. Apakah nama perusahaan cukup dikenal?

- Cukup dikenal di kalangan pedagang atau usaha harian

2. Apakah dengan sistem selama ini pemasukan perusahaan cukup

baik dan bertambah setiap bulan?

Tergantung dari banyaknya pelanggan yang dimiliki oleh 1

marketing

3. Apakah sistem pembayaran selama ni cukup efisien?

- Cukup efisien

4. Masalah apa saja yg ditemui selama ini dengan sistem

pemesanan yang berjalan?

- Informasi barang yg kurang, banyaknya data harga barang yang

ada dan selalu brubah

5. Apa yang diharapkan dari pembuatan web yang bertujuan

membantu penjualan di perusahaan?

- Membantu menberikan informasi kepada pelanggan secara detail

baik tentang barang ataupun harganya

Page 16: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

55  

 

6. Mengapa web terasa diperlukan?

Untuk membantu mencari pelanggan dan bersaing dengan

perusahaan lain.

7. Apakah masalah yang sering dialami oleh pelanggan?

- Pengembalian barang karena terdapat kerusakan, lamanya

pengiriman barang.

Dari hasil wawancara dan pengamatan di lapangan maka dapat

disimpulkan bahwa masalah yang muncul di perusahaan disebabkan oleh zaman

semakin maju dan teknologi makin berkembang dan menuntut perusahaan juga

harus berkembang mengikuti perkembangan yang ada. Ini terjadi karena

teknologi semakin mudah untuk di akses dimanapun berada. Salah satu contoh

teknologi yang membuat hidup semakin mudah adalah internet.

Penggunaan internet yang semakin mudah dan murah merupakan alat

yang sangat baik dalam pemasaran. Internet juga menyebabkan persaingan bisnis

semakin ketat dan membuat siapaun yang tidak dapt mengikuti perkembangan

ini akan tergilas oleh persaingan. Pemilik menyadari hal ini, dan pemilik ingin

mengembangkan perusahaan mengikuti perekmbangan zaman dengan

menggunakan internet sebagai sarana untuk pengembangan usaha.

Selain itu pemilik juga merasa system pekerjaan manual d kantor agak

terhambat karena terlalu banyak orang yang terlibat dalam proses pekerjaannya,

Page 17: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

56  

 

terutama pada bagian marketing. Bagian marketing pada perusahaan sering

mengalami kesulitan mendapatkan costumer karena kebanyakan orang sangat

protektif dengan tamunya. Marketing hanya dapat mendekati orang-orang yang

membuka toko dan rumahnya banyak didatangi oleh orang-orang. Kendala yang

sering dihadapi oleh marketing adalah orang-orang yang memiliki rumah pribadi

dan mendekati orang-orang tersebut.

3.1.7 Usulan Pemecahan Masalah

Permasalahan utama dari perusahaan adalah sulitnya melakukan

penawaran kepada masyarakat yang cukup tertutup, mengingat keadaan sekarang

dimana ekonomi sedang sulit. Aplikasi penjualan berbasis web menjadi usulan

pemecahan masalah perusahaan. Aplikasi ini mencakup bagian dimana costumer

dapat memesan barang, melihat barang, online costumer service, melihat FAQ,

dan melihat persyaratan yg ada. Selain itu dengan adanya aplikasi ini, marketing

dapat meningkatkan target penjualan dan masyarakat dapat lebih leluasa bertanya

tentang barang elektronik yang ingin dipesan.

Page 18: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

57  

 

3.2 Rancangan Sistem yang Diusulkan

Sistem penjualan kredit yang berjalan di CV. Buana Electronic memiliki

beberapa tahapan. Tahapan yang pertama adalah pihak konsumen yang ingin

memesan barang. Konsumen melakukan pemesanan melalui marketing.

Marketing akan mencatat semua pemesanan yang dilakukan dan

memperhitungkan biaya kredit yang akan dibayarkan oleh konsumen dalam

waktu 90 atau 180 hari. Bila sudah melakukan pemesanan, sales akan

memberitahukan kepada bagian admin. Admin meneruskannya kepada tim

survey untuk menganalisa konsumen tersebut. Tim survey ini akan meninjau

kondisi konsumen, apakah konsumen tersebut layak untuk diberikan kredit.

Memastikan bahwa konsumen tersebut dapat membayar semua totalan kredit

sampai lunas. Bila tim survey sudah memastikan bahwa konsumen berhak

melakukan kredit maka barang siap dikirim. Penagihan total kredit sesuai dengan

perjanjian dengan tim kolektor. Tim kolektor bertugas menagih cicilan dari

konsumen sampai selesai.

Penolakan pesanan juga bisa terjadi kalau barang sedang tidak ada baik

dari distributor atau sudah tidak diproduksi lagi. Konsumen juga berhak

menukarkan barang bila produk rusak atau cacat setelah dikirim dengan batas

penukaran maksimum1 hari. Bila pembayaran kredit konsumen terhenti atau

macet, maka perusahaan berhak mengambil barang tersebut kembali.

Page 19: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

58  

 

3.2.1 Rancangan Umum Sistem

Gambar 3.8 menggambarkan rancangan umum sistem yang digambarkan

dalam bentuk diagram konteks. Disini dapat dilihat user dan proses yang

berlangsung.

Sistem Penjualan Kredit Secara Online CV Buana Elektronik

Konsumen

Admin

Data Barang Diminta

Data Pemesanan

Data pemesanan

Data Barang Diedit

Data Barang Dihasilkan

DataPemesananDivalidasi

Data Konsumen

Data BarangData Konsumen

Data Pemesanan DivalidasiDistributor

Data StatusBarang

Data Status BarangDivalidasiData Testimoni

Data Testimoni

Data TestimoniDivalidasi

Data TestimoniDivalidasi

Data Status BarangDivalidasi

Data StatusBarang

Data Status Pemesanan

Gambar 3.8 Diagram konteks untuk solusi yang diusulkan

Gambar 3.9 merupakan gambaran dari proses-proses yang ada di dalam sistem

dalam bentuk diagram nol. Diagram ini merupakan penjelasan dari system di diagram

konteks

Page 20: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

59  

 

1.Cek Informasi Admin

Data Barang

Product

6.Melihat Barang

Konsumen

Data Barang dihasilkan

Data Barang diminta

7.Melakukan/

Melihat Pemesanan

BarangData PemesananTransaction

8.Proses

Konfirmasi Pemesanan

Data PemesananDivalidasi

Data Pemesanandivalidasi

2.Mengubah

Data BarangData Barang Diedit

Data Konsumen

Konsumen

Data PemesananData Konsumen

Pemesanan

Distributor3.

Menginformasikan ketersediaan

barangData

Status BarangDivalidasi

DataStatus Barang

Divalidasi

Data StatusBarang

Data StatusBarang

Testimoni

5.Mengisi Dan

Melihat Testimoni

4.Menerima

Atau Menolak Testimoni

Data Testimoni

Data TestimoniDivalidasi

Data Testimoni

Data TestimoniDivalidasi

Data Status Pemesanan

Gambar 3.9 Diagram Nol untuk solusi yang diusulkan

Gambar 3.10 sampai dengan 3.15 merupakan gambar-gambar proses utama dari sistem

dalam bentuk diagram rinci.

Page 21: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

60  

 

Admin

1.1Melihat

informasi barang

Data Barang Product

1.2Melihat

informasi pemesanan

TransactionData Pemesanan

1.3Melihat

informasi Konsumen

KonsumenData Konsumen

1.4Melihat

TestimoniTestimoni

Data Testimoni

Gambar 3.10 Diagram Rinci untuk Proses Pengecekan Informasi

Admin

2.1Mengubah Informasi Barang

2.2Menghapus Barang dari

List

2.3Menambah

Barang Di list

ProductData Barang

Data Barang

Data Barang

Page 22: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

61  

 

Gambar 3.11 Diagram rinci untuk Mengubah Data Barang

Gambar 3.12 Diagram Rinci untuk Mengisi Dan Melihat Testimoni

Konsumen 6.1Melihat Barang

6.2Melakukan

Pencarian barang sesuai dengan

kategori

Data Barang Dihasilkan

Data Barang Diminta

Product

Gambar 3.13 Diagram Rinci untuk Proses Melihat Barang

Page 23: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

62  

 

Konsumen7.1

Mengisi data konsumen

7.2Melakukan pemesanan

barang

Data Konsumen

Data Pemesanan

Konsumen

Transaction

7.3Melihat

pemesanan barang

Data Konsumen

PemesananData StatusPemesanan

Gambar 3.14 Diagram Rinci untuk Proses Melakukan Atau Melihat Pemesanan Barang

Gambar 3.15 Diagram Rinci untuk Proses Konfirmasi Pemesanan

3.2.2 Rancangan Layar

Page 24: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

63  

 

3.2.2.1 Rancangan Tampilan Layar

Rancangan tampilan layar dapat dilihat pada gambar 3.16 sampai dengan gambar

3.33

Gambar 3.16 Rancangan Layar Index

Layar Index merupakan tampilan utama dari website CV Buana

Electronic dimana jika pelanggan atau admin yang mengakses website ini akan

masuk ke halaman ini. Halaman index terdapat menu yang dapat di gunakan oleh

pelanggan dan admin. Menu yang ada di halaman index adalah sebagai berikut :

Tabel 3.4 Keterangan Menu Layar Index

Banner 

Home | Product | Simulation | My Cart | About Us

Gambar barang 

Info sekilas tntang perusahaan

Testimoni 

iklan 

 

traffic 

polling 

Isi testimoni 

footer 

Status admin 

Page 25: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

64  

 

No. Menu Keterangan

1 Home Tampilan layar utama dan menampilkan

submenu profil, syarat dan ketentuan berlaku,

dan login

2 Syarat & Ketentuan Berlaku Menampilkan semua syarat-syarat dan

ketentuan-ketentuan yang berlaku dalam

melakukan transaksi secara kredit

3 Profile Menampilkan profil perusahaan, sekaligus

menampilkan Telefon dari Buana Electronic

apabila ingin bertanya.

4 Login Tampilan layar login sebagai admin dari

website ini

5 Product Menampilkan submenu Cari product dan jenis

barang yang dijual.

6 Cari Product Menampilkan layar untuk mencari barang yang

diinginkan oleh konsumen berdasarkan kategori

tipe dan harga barang.

7 Barang Menampilkan list-list barang yang di jual

berdasarkan kategori dan konsumen juga dapat

mencari barang yang diinginkan dengan

Page 26: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

65  

 

menggunakan fasilitas searching pada tiap

pagenya.

8 My Cart Menampilkan layar yang berisi data-data

pemesanan yang dilakukan oleh konsumen

9 Simulation Menampilkan layar simulasi pembelian barang,

agar pembeli dapat melihat harga dan cicilan

barang

10 About Us Menampilkan layar yang berisi alamat

perusahaan dan contact person admin

Gambar 3.17 Rancangan Layar login untuk admin

Banner 

Home | Product | Simulation | My Cart | About Us

Login  

Username 

Password  

           

footer 

Page 27: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

66  

 

Layar Login merupakan tampilan jika staff dari CV Buana Electronic

ingin melakukan akses sebagai admin dari website ini untuk melakukan

Perubahan pada Database Barang. Dihalaman login terdapat menu yang dapat

digunakan oleh pelanggan . Menu – menu yang ada dalam halaman login adalah

sebagai berikut :

Tabel 3.5 Keterangan Menu Layar Login Untuk Admin

No. Menu Keterangan

1 Home Tampilan layar utama dan menampilkan

submenu profil, syarat dan ketentuan berlaku,

dan login

2 Syarat & Ketentuan Berlaku Menampilkan semua syarat-syarat dan

ketentuan-ketentuan yang berlaku dalam

melakukan transaksi secara kredit

3 Profile Menampilkan profil perusahaan, sekaligus

menampilkan Telefon dari Buana Electronic

apabila ingin bertanya.

4 Login Tampilan layar login sebagai admin dari

website ini

5 Product Menampilkan submenu Cari product dan jenis

Page 28: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

67  

 

barang yang dijual.

6 Cari Product Menampilkan layar untuk mencari barang yang

diinginkan oleh konsumen berdasarkan kategori

tipe dan harga barang.

7 Barang Menampilkan list-list barang yang di jual

berdasarkan kategori dan konsumen juga dapat

mencari barang yang diinginkan dengan

menggunakan fasilitas searching pada tiap

pagenya.

8 My Cart Menampilkan layar yang berisi data-data

pemesanan yang dilakukan oleh konsumen

9 Simulation Menampilkan layar simulasi pembelian barang,

agar pembeli dapat melihat harga dan cicilan

barang

10 About Us Menampilkan layar yang berisi alamat

perusahaan dan contact person admin

Page 29: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

68  

 

Gambar 3.18 Rancangan Layar Untuk Halaman Admin

Layar halaman admin adalah tampilan setelah staff dari CV Buana

Electronic berhasil mengakses dengan menggunakan Username dan Password.

Pada halaman ini, staff sebagai admin dari website dapat melakukan Perubahan

pada database website. Di halaman admin terdapat menu yang dapat digunakan

oleh admin. menu – menu yang ada dalam halaman login adalah sebagai berikut :

Tabel 3.6 Keterangan Menu Layar Halaman Admin

No. Menu Keterangan

1 Data Menampilkan 2 buah submenu Barang dan kode Jenis

Barang

2 Barang Menampilkan 2 buah submenu insert barang dan view

Nama admin 

Data | Transaction | Testimoni | Logout

Status admin (online/offline) 

 

footer

Page 30: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

69  

 

barang.

3 Insert Barang Menampilkan halaman untuk menambah data barang yang

baru.

4 View Barang Menampilkan halaman untuk melihat data barang yang

dijual. Dan melakukan perubahan informasi barang

tersebut.

5 Kode Jenis Barang Menampilkan halaman insert kode Jenis Barang, admin

dapat memasukan jenis barang yang terbaru

6 Transaction Menampilkan halaman Transaction, dimana admin dapat

melihat data pemesanan yang dilakukan oleh pembeli, dan

dapat mencari pesanan berdasarkan tanggal pemesanan.

7 Testimoni Menampilkan halaman testimoni yang diisi oleh pembeli

dan admin dapat menerima atau menolak testimoni yang

sudah diberikan oleh pembeli.

8 Logout Keluar dari account admin dan kembali ke halaman index

Page 31: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

70  

 

Gambar 3.19 Rancangan Layar Admin Insert Barang

Layar admin insert barang adalah halaman dimana admin dapat

memasukkan barang terbaru yang siap di jual. Pada layar admin insert barang

terdapat menu-menu yang dapat di pakai oleh admin, menu-menu itu adalah :

Tabel 3.7 Keterangan Menu Layar Insert Barang

No. Menu Keterangan

1 Data Menampilkan 2 buah submenu Barang dan kode Jenis

Barang

Nama admin 

Data | Transaction | Testimoni | Logout

Insert produk 

  Data barang yang mau dimasukkan 

 

footer

Page 32: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

71  

 

2 Barang Menampilkan 2 buah submenu insert barang dan view

barang.

3 Insert Barang Menampilkan halaman untuk menambah data barang yang

baru.

4 View Barang Menampilkan halaman untuk melihat data barang yang

dijual. Dan melakukan perubahan informasi barang

tersebut.

5 Kode Jenis Barang Menampilkan halaman insert kode Jenis Barang, admin

dapat memasukan jenis barang yang terbaru

6 Transaction Menampilkan halaman Transaction, dimana admin dapat

melihat data pemesanan yang dilakukan oleh pembeli, dan

dapat mencari pesanan berdasarkan tanggal pemesanan.

7 Testimoni Menampilkan halaman testimoni yang diisi oleh pembeli

dan admin dapat menerima atau menolak testimoni yang

sudah diberikan oleh pembeli.

8 Logout Keluar dari account admin dan kembali ke halaman index

Page 33: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

72  

 

Gambar 3.20 Rancangan Layar Untuk Admin Insert Jenis Barang

Layar admin insert jenis barang adalah halaman dimana admin dapat

memasukkan jenis-jenis barang apa saja yang akan di jual oleh CV Buana

Electronic. Pada layar admin insert jenis barang terdapat menu-menu yang dapat

di pakai oleh admin, menu-menu itu adalah :

Tabel 3.8 Keterangan Menu Layar Insert Jenis Barang

Nama admin 

Data | Transaction | Testimoni | Logout

 Table jenis barang    update/delete 

Form input table jenis barang 

footer 

Page 34: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

73  

 

No. Menu Keterangan

1 Data Menampilkan 2 buah submenu Barang dan kode Jenis

Barang

2 Barang Menampilkan 2 buah submenu insert barang dan view

barang.

3 Insert Barang Menampilkan halaman untuk menambah data barang yang

baru.

4 View Barang Menampilkan halaman untuk melihat data barang yang

dijual. Dan melakukan perubahan informasi barang

tersebut.

5 Kode Jenis Barang Menampilkan halaman insert kode Jenis Barang, admin

dapat memasukan jenis barang yang terbaru

6 Transaction Menampilkan halaman Transaction, dimana admin dapat

melihat data pemesanan yang dilakukan oleh pembeli, dan

dapat mencari pesanan berdasarkan tanggal pemesanan.

7 Testimoni Menampilkan halaman testimoni yang diisi oleh pembeli

dan admin dapat menerima atau menolak testimoni yang

sudah diberikan oleh pembeli.

8 Logout Keluar dari account admin dan kembali ke halaman index

Page 35: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

74  

 

Gambar 3.21 Rancangan Layar Admin view barang

Layar admin view barang adalah halaman dimana admin dapat melihat

data barang yang di jual oleh CV Buana Electronic, dengan mencari barang

tersebut dengan menggunakan fasilitas Search. Pada layar admin View barang

terdapat menu-menu yang dapat di pakai oleh admin, menu-menu itu adalah :

Tabel 3.9 Keterangan Menu untuk view barang

Nama admin 

Data | Transaction | Testimoni | Logout

 List tipe barang 

search 

Tampilan barang sesuai yang dipilih/dicari       update/delete 

 

footer

Page 36: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

75  

 

No. Menu Keterangan

1 Data Menampilkan 2 buah submenu Barang dan kode Jenis

Barang

2 Barang Menampilkan 2 buah submenu insert barang dan view

barang.

3 Insert Barang Menampilkan halaman untuk menambah data barang yang

baru.

4 View Barang Menampilkan halaman untuk melihat data barang yang

dijual. Dan melakukan perubahan informasi barang

tersebut.

5 Kode Jenis Barang Menampilkan halaman insert kode Jenis Barang, admin

dapat memasukan jenis barang yang terbaru

6 Transaction Menampilkan halaman Transaction, dimana admin dapat

melihat data pemesanan yang dilakukan oleh pembeli, dan

dapat mencari pesanan berdasarkan tanggal pemesanan.

7 Testimoni Menampilkan halaman testimoni yang diisi oleh pembeli

dan admin dapat menerima atau menolak testimoni yang

sudah diberikan oleh pembeli.

8 Logout Keluar dari account admin dan kembali ke halaman index

Page 37: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

76  

 

Gambar 3.22 Rancangan layar untuk admin update barang

Layar admin update barang adalah halaman dimana admin dapat

merubah data barang yang di jual oleh CV Buana Electronic. Pada layar admin

Update barang terdapat menu-menu yang dapat di pakai oleh admin, menu-menu

itu adalah :

Tabel 3.10 Keterangan Menu untuk update barang

Nama admin 

Data | Transaction | Testimoni | Logout

Update barang 

Data barang yang di update 

 

update 

footer 

Page 38: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

77  

 

No. Menu Keterangan

1 Data Menampilkan 2 buah submenu Barang dan kode Jenis

Barang

2 Barang Menampilkan 2 buah submenu insert barang dan view

barang.

3 Insert Barang Menampilkan halaman untuk menambah data barang yang

baru.

4 View Barang Menampilkan halaman untuk melihat data barang yang

dijual. Dan melakukan perubahan informasi barang

tersebut.

5 Kode Jenis Barang Menampilkan halaman insert kode Jenis Barang, admin

dapat memasukan jenis barang yang terbaru

6 Transaction Menampilkan halaman Transaction, dimana admin dapat

melihat data pemesanan yang dilakukan oleh pembeli, dan

dapat mencari pesanan berdasarkan tanggal pemesanan.

7 Testimoni Menampilkan halaman testimoni yang diisi oleh pembeli

dan admin dapat menerima atau menolak testimoni yang

sudah diberikan oleh pembeli.

8 Logout Keluar dari account admin dan kembali ke halaman index

Page 39: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

78  

 

Gambar 3.23 Rancangan layar admin update jenis barang

Layar admin update jenis barang adalah halaman dimana admin dapat

merubah data jenis barang yang di jual oleh CV Buana Electronic. Pada layar

admin update jenis barang terdapat menu-menu yang dapat di pakai oleh admin,

menu-menu itu adalah :

Tabel 3.11 Keterangan Menu untuk update jenis barang

Nama admin 

Data | Transaction | Testimoni | Logout

Update jenis barang 

Data barang yang di update 

 

update 

footer 

Page 40: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

79  

 

No. Menu Keterangan

1 Data Menampilkan 2 buah submenu Barang dan kode Jenis

Barang

2 Barang Menampilkan 2 buah submenu insert barang dan view

barang.

3 Insert Barang Menampilkan halaman untuk menambah data barang yang

baru.

4 View Barang Menampilkan halaman untuk melihat data barang yang

dijual. Dan melakukan perubahan informasi barang

tersebut.

5 Kode Jenis Barang Menampilkan halaman insert kode Jenis Barang, admin

dapat memasukan jenis barang yang terbaru

6 Transaction Menampilkan halaman Transaction, dimana admin dapat

melihat data pemesanan yang dilakukan oleh pembeli, dan

dapat mencari pesanan berdasarkan tanggal pemesanan.

7 Testimoni Menampilkan halaman testimoni yang diisi oleh pembeli

dan admin dapat menerima atau menolak testimoni yang

sudah diberikan oleh pembeli.

8 Logout Keluar dari account admin dan kembali ke halaman index

Page 41: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

80  

 

Gambar 3.24 Rancangan Layar Untuk Admin Transaction

Layar admin Transaction adalah halaman dimana admin dapat melihat

transaksi yang dilakukan oleh konsumen, admin dapat mencari transaksi yang

terjadi dengan menggunakan fasilitas search berdasarkan tanggal transaksi.

Setelah itu admin dapat menerima atau menolak transaksi tersebut. Pada layar

admin Transaction terdapat menu-menu yang dapat di pakai oleh admin, menu-

menu itu adalah :

Tabel 3.12 Keterangan Menu untuk Admin Transaction

Nama admin 

Data | Transaction | Testimoni | Logout

List transaksi 

Search transaksi berdasarkan tanggal 

Table transaksi 

footer 

Page 42: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

81  

 

No. Menu Keterangan

1 Data Menampilkan 2 buah submenu Barang dan kode Jenis

Barang

2 Barang Menampilkan 2 buah submenu insert barang dan view

barang.

3 Insert Barang Menampilkan halaman untuk menambah data barang yang

baru.

4 View Barang Menampilkan halaman untuk melihat data barang yang

dijual. Dan melakukan perubahan informasi barang

tersebut.

5 Kode Jenis Barang Menampilkan halaman insert kode Jenis Barang, admin

dapat memasukan jenis barang yang terbaru

6 Transaction Menampilkan halaman Transaction, dimana admin dapat

melihat data pemesanan yang dilakukan oleh pembeli, dan

dapat mencari pesanan berdasarkan tanggal pemesanan.

7 Testimoni Menampilkan halaman testimoni yang diisi oleh pembeli

dan admin dapat menerima atau menolak testimoni yang

sudah diberikan oleh pembeli.

8 Logout Keluar dari account admin dan kembali ke halaman index

Page 43: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

82  

 

Gambar 3.25 Rancangan Layar Syarat & Ketentuan berlaku

Layar syarat & ketentuan berlaku adalah halaman dimana berisi

ketentuan-ketentuan dan syarat-syarat yang berlaku dalam membeli produk

secara kredit. Pada layar Syarat & Ketentuan berlaku terdapat menu-menu yang

dapat di pakai oleh konsumen, menu-menu itu adalah :

Tabel 3.13 Keterangan Menu untuk Syarat & Ketentuan berlaku

No. Menu Keterangan

1 Home Tampilan layar utama dan menampilkan

submenu profil, syarat dan ketentuan berlaku,

dan login

2 Syarat & Ketentuan Berlaku Menampilkan semua syarat-syarat dan

banner 

Home | Product | Simulation | My Cart | About Us

Syarat dan ketentuan berlaku 

    

iklan 

Gambar produk 

footer

Page 44: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

83  

 

ketentuan-ketentuan yang berlaku dalam

melakukan transaksi secara kredit

3 Profile Menampilkan profil perusahaan, sekaligus

menampilkan Telefon dari Buana Electronic

apabila ingin bertanya.

4 Login Tampilan layar login sebagai admin dari

website ini

5 Product Menampilkan submenu Cari product dan jenis

barang yang dijual.

6 Cari Product Menampilkan layar untuk mencari barang yang

diinginkan oleh konsumen berdasarkan kategori

tipe dan harga barang.

7 Barang Menampilkan list-list barang yang di jual

berdasarkan kategori dan konsumen juga dapat

mencari barang yang diinginkan dengan

menggunakan fasilitas searching pada tiap

pagenya.

8 My Cart Menampilkan layar yang berisi data-data

pemesanan yang dilakukan oleh konsumen

9 Simulation Menampilkan layar simulasi pembelian barang,

Page 45: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

84  

 

agar pembeli dapat melihat harga dan cicilan

barang

10 About Us Menampilkan layar yang berisi alamat

perusahaan dan contact person admin

Gambar 3.26 Rancangan Layar Profile

Layar Profile adalah halaman dimana konsumen dapat melihat profil dan

sejarah berdirinya CV Buana Electronic, pada halaman ini konsumen dapat

melihat profile admin yang dapat dihubungi pada bagian Contact Person. Layar

Profile terdapat menu-menu yang dapat di pakai oleh konsumen, menu-menu itu

adalah :

Tabel 3.14 Keterangan Menu untuk Profile

banner 

Home | Product | Simulation | My Cart | About Us

Profil perusahaan   

    

iklan 

Gambar produk 

footer 

Page 46: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

85  

 

No. Menu Keterangan

1 Home Tampilan layar utama dan menampilkan

submenu profil, syarat dan ketentuan berlaku,

dan login

2 Syarat & Ketentuan Berlaku Menampilkan semua syarat-syarat dan

ketentuan-ketentuan yang berlaku dalam

melakukan transaksi secara kredit

3 Profile Menampilkan profil perusahaan, sekaligus

menampilkan Telefon dari Buana Electronic

apabila ingin bertanya.

4 Login Tampilan layar login sebagai admin dari

website ini

5 Product Menampilkan submenu Cari product dan jenis

barang yang dijual.

6 Cari Product Menampilkan layar untuk mencari barang yang

diinginkan oleh konsumen berdasarkan kategori

tipe dan harga barang.

7 Barang Menampilkan list-list barang yang di jual

berdasarkan kategori dan konsumen juga dapat

mencari barang yang diinginkan dengan

Page 47: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

86  

 

menggunakan fasilitas searching pada tiap

pagenya.

8 My Cart Menampilkan layar yang berisi data-data

pemesanan yang dilakukan oleh konsumen

9 Simulation Menampilkan layar simulasi pembelian barang,

agar pembeli dapat melihat harga dan cicilan

barang

10 About Us Menampilkan layar yang berisi alamat

perusahaan dan contact person admin

Gambar 3.27 Rancangan Layar Product Barang

banner 

Home | Product | Simulation | My Cart | About Us

barang‐barang yang dicari 

barang‐barang sesuai pilihan(nokia,bb,acer,LG,dll)    

Kategori pencarian 

footer 

Detail barang 

 

pesan 

Page 48: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

87  

 

Layar Product Barang adalah halaman dimana konsumen dapat melihat

barang-barang yang di jual, dan dapat mencari barang-barang tersebut dengan

menggunakan fasilitas Search, dan mencari berdasarkan kategori. Layar Product

Barang terdapat menu-menu yang dapat di pakai oleh konsumen, menu-menu itu

adalah :

Tabel 3.15 Keterangan Menu untuk Product Barang

No. Menu Keterangan

1 Home Tampilan layar utama dan menampilkan

submenu profil, syarat dan ketentuan berlaku,

dan login

2 Syarat & Ketentuan Berlaku Menampilkan semua syarat-syarat dan

ketentuan-ketentuan yang berlaku dalam

melakukan transaksi secara kredit

3 Profile Menampilkan profil perusahaan, sekaligus

menampilkan Telefon dari Buana Electronic

apabila ingin bertanya.

4 Login Tampilan layar login sebagai admin dari

website ini

5 Product Menampilkan submenu Cari product dan jenis

barang yang dijual.

Page 49: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

88  

 

6 Cari Product Menampilkan layar untuk mencari barang yang

diinginkan oleh konsumen berdasarkan kategori

tipe dan harga barang.

7 Barang Menampilkan list-list barang yang di jual

berdasarkan kategori dan konsumen juga dapat

mencari barang yang diinginkan dengan

menggunakan fasilitas searching pada tiap

pagenya.

8 My Cart Menampilkan layar yang berisi data-data

pemesanan yang dilakukan oleh konsumen

9 Simulation Menampilkan layar simulasi pembelian barang,

agar pembeli dapat melihat harga dan cicilan

barang

10 About Us Menampilkan layar yang berisi alamat

perusahaan dan contact person admin

Page 50: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

89  

 

Gambar 3.28 Rancangan Layar cari Product

Layar cari product adalah halaman dimana konsumen dapat mencari

produk yang akan dipesan, dengan cara memasukan kategori product seperti

harga atau jenis. Pada layar cari product terdapat menu-menu yang dapat di pakai

oleh konsumen, menu-menu itu adalah :

Tabel 3.16 Keterangan Menu untuk cari Product

No. Menu Keterangan

1 Home Tampilan layar utama dan menampilkan

submenu profil, syarat dan ketentuan berlaku,

dan login

2 Syarat & Ketentuan Berlaku Menampilkan semua syarat-syarat dan

banner 

Home | Product | Simulation | My Cart | About Us

Barang‐barang hasil pencarian   

 

    

Kategori pencarian 

footer

Detail barang 

 

pesan 

Page 51: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

90  

 

ketentuan-ketentuan yang berlaku dalam

melakukan transaksi secara kredit

3 Profile Menampilkan profil perusahaan, sekaligus

menampilkan Telefon dari Buana Electronic

apabila ingin bertanya.

4 Login Tampilan layar login sebagai admin dari

website ini

5 Product Menampilkan submenu Cari product dan jenis

barang yang dijual.

6 Cari Product Menampilkan layar untuk mencari barang yang

diinginkan oleh konsumen berdasarkan kategori

tipe dan harga barang.

7 Barang Menampilkan list-list barang yang di jual

berdasarkan kategori dan konsumen juga dapat

mencari barang yang diinginkan dengan

menggunakan fasilitas searching pada tiap

page-nya.

8 My Cart Menampilkan layar yang berisi data-data

pemesanan yang dilakukan oleh konsumen

9 Simulation Menampilkan layar simulasi pembelian barang,

Page 52: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

91  

 

agar pembeli dapat melihat harga dan cicilan

barang

10 About Us Menampilkan layar yang berisi alamat

perusahaan dan contact person admin

Gambar 3.29 Rancangan layar untuk pemesanan barang

Layar pemesanan barang adalah halaman dimana konsumen dapat

memesan produk, dan pada layar ini konsumen harus memasukan data diri dan

pin untuk dapat melihat daftar pesanan barang. Pada layar pemesanan barang

terdapat menu-menu yang dapat di pakai oleh konsumen, menu-menu itu adalah :

banner 

Home | Product | Simulation | My Cart | About Us

Data pemesanan 

    

 

footer

Data pemesan ( sudah pernah / belum memesan 

 

Data barang yang dipesan 

Form pemesanan 

pesan 

Page 53: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

92  

 

Tabel 3.17 Keterangan Menu untuk pemesanan barang

No. Menu Keterangan

1 Home Tampilan layar utama dan menampilkan

submenu profil, syarat dan ketentuan berlaku,

dan login

2 Syarat & Ketentuan Berlaku Menampilkan semua syarat-syarat dan

ketentuan-ketentuan yang berlaku dalam

melakukan transaksi secara kredit

3 Profile Menampilkan profil perusahaan, sekaligus

menampilkan Telefon dari Buana Electronic

apabila ingin bertanya.

4 Login Tampilan layar login sebagai admin dari

website ini

5 Product Menampilkan submenu Cari product dan jenis

barang yang dijual.

6 Cari Product Menampilkan layar untuk mencari barang yang

diinginkan oleh konsumen berdasarkan kategori

tipe dan harga barang.

7 Barang Menampilkan list-list barang yang di jual

berdasarkan kategori dan konsumen juga dapat

Page 54: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

93  

 

mencari barang yang diinginkan dengan

menggunakan fasilitas searching pada tiap

pagenya.

8 My Cart Menampilkan layar yang berisi data-data

pemesanan yang dilakukan oleh konsumen

9 Simulation Menampilkan layar simulasi pembelian barang,

agar pembeli dapat melihat harga dan cicilan

barang

10 About Us Menampilkan layar yang berisi alamat

perusahaan dan contact person admin

Gambar 3.30 Rancangan layar untuk My Cart

banner 

Home | Product | Simulation | My Cart | About Us

    

 

iklan 

footer

login 

polling 

Page 55: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

94  

 

Layar My Cart adalah halaman dimana konsumen harus memasukkan ID

customer dan pin yang dibuat oleh konsumen untuk dapat melihat barang yang

sudah dipesan. Pada layar My Cart terdapat menu-menu yang dapat di pakai oleh

konsumen, menu-menu itu adalah :

Tabel 3.18 Keterangan Menu untuk My Cart

No. Menu Keterangan

1 Home Tampilan layar utama dan menampilkan

submenu profil, syarat dan ketentuan berlaku,

dan login

2 Syarat & Ketentuan Berlaku Menampilkan semua syarat-syarat dan

ketentuan-ketentuan yang berlaku dalam

melakukan transaksi secara kredit

3 Profile Menampilkan profil perusahaan, sekaligus

menampilkan Telefon dari Buana Electronic

apabila ingin bertanya.

4 Login Tampilan layar login sebagai admin dari

website ini

5 Product Menampilkan submenu Cari product dan jenis

barang yang dijual.

6 Cari Product Menampilkan layar untuk mencari barang yang

Page 56: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

95  

 

diinginkan oleh konsumen berdasarkan kategori

tipe dan harga barang.

7 Barang Menampilkan list-list barang yang di jual

berdasarkan kategori dan konsumen juga dapat

mencari barang yang diinginkan dengan

menggunakan fasilitas searching pada tiap

pagenya.

8 My Cart Menampilkan layar yang berisi data-data

pemesanan yang dilakukan oleh konsumen

9 Simulation Menampilkan layar simulasi pembelian barang,

agar pembeli dapat melihat harga dan cicilan

barang

10 About Us Menampilkan layar yang berisi alamat

perusahaan dan contact person admin

Page 57: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

96  

 

Gambar 3.31 Rancangan layer untuk My Cart (setelah login)

Layar My Cart (setelah login) adalah halaman dimana konsumen dapat

melihat pesanan produk yang sudah dipesan, dan pada layar ini konsumen juga

dapat melihat status pesanan barang mereka ditolak atau diterima. Pada layar My

Cart (setelah login) terdapat menu-menu yang dapat di pakai oleh konsumen,

menu-menu itu adalah :

Tabel 3.19 Keterangan Menu untuk My Cart (setelah login)

No. Menu Keterangan

1 Home Tampilan layar utama dan menampilkan

submenu profil, syarat dan ketentuan berlaku,

dan login

banner 

Home | Product | Simulation | My Cart | About Us

My Cart 

    

 

iklan 

footer

Data pemesanan    status(proses,terima/tolak) 

 

logout 

Data pemesan 

polling 

Page 58: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

97  

 

2 Syarat & Ketentuan Berlaku Menampilkan semua syarat-syarat dan

ketentuan-ketentuan yang berlaku dalam

melakukan transaksi secara kredit

3 Profile Menampilkan profil perusahaan, sekaligus

menampilkan Telefon dari Buana Electronic

apabila ingin bertanya.

4 Login Tampilan layar login sebagai admin dari

website ini

5 Product Menampilkan submenu Cari product dan jenis

barang yang dijual.

6 Cari Product Menampilkan layar untuk mencari barang yang

diinginkan oleh konsumen berdasarkan kategori

tipe dan harga barang.

7 Barang Menampilkan list-list barang yang di jual

berdasarkan kategori dan konsumen juga dapat

mencari barang yang diinginkan dengan

menggunakan fasilitas searching pada tiap

pagenya.

8 My Cart Menampilkan layar yang berisi data-data

pemesanan yang dilakukan oleh konsumen

Page 59: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

98  

 

9 Simulation Menampilkan layar simulasi pembelian barang,

agar pembeli dapat melihat harga dan cicilan

barang

10 About Us Menampilkan layar yang berisi alamat

perusahaan dan contact person admin

Gambar 3.32 Rancangan Layar Untuk Simulasi

Layar simulasi adalah halaman dimana konsumen dapat mensimulasikan

barang yang di beli sehingga konsumen dapat mengetahui total harga dan cicilan

yang harus di tanggung oleh konsumen sebelum transaksi yang sebenarnya di

terima oleh admin. Pada Layar simulasi terdapat menu-menu yang dapat di pakai

oleh konsumen, menu-menu itu adalah :

banner 

Home | Product | Simulation | My Cart | About Us

Tipe , nama , dan harga barang 

    

 

iklan 

footer 

Data harga dan dp 

Hasil simulasi dalam 90 dan 180 hari + bunga 

Data barang 

polling 

Page 60: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

99  

 

Tabel 3.20 Keterangan Menu untuk Simulasi

No. Menu Keterangan

1 Home Tampilan layar utama dan menampilkan

submenu profil, syarat dan ketentuan berlaku,

dan login

2 Syarat & Ketentuan Berlaku Menampilkan semua syarat-syarat dan

ketentuan-ketentuan yang berlaku dalam

melakukan transaksi secara kredit

3 Profile Menampilkan profil perusahaan, sekaligus

menampilkan Telefon dari Buana Electronic

apabila ingin bertanya.

4 Login Tampilan layar login sebagai admin dari

website ini

5 Product Menampilkan submenu Cari product dan jenis

barang yang dijual.

6 Cari Product Menampilkan layar untuk mencari barang yang

diinginkan oleh konsumen berdasarkan kategori

tipe dan harga barang.

7 Barang Menampilkan list-list barang yang di jual

berdasarkan kategori dan konsumen juga dapat

Page 61: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

100  

 

mencari barang yang diinginkan dengan

menggunakan fasilitas searching pada tiap

pagenya.

8 My Cart Menampilkan layar yang berisi data-data

pemesanan yang dilakukan oleh konsumen

9 Simulation Menampilkan layar simulasi pembelian barang,

agar pembeli dapat melihat harga dan cicilan

barang

10 About Us Menampilkan layar yang berisi alamat

perusahaan dan contact person admin

Gambar 3.33 Rancangan Layar About Us

banner 

Home | Product | Simulation | My Cart | About Us

    

 

iklan 

footer 

Informasi tentang admin dan perusahaan (contact person) 

polling 

Page 62: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

101  

 

Layar About Us adalah halaman dimana konsumen dapat melihat visi,

misi, dan tujuan dari CV Buana Electronic, selain itu konsumen juga dapat

melihat profile admin yang dapat di hubungi di Contact Person, apabila

konsumen ingin mencari informasi mengenai CV Buana Electronic. Pada Layar

About Us terdapat menu-menu yang dapat di pakai oleh konsumen, Menu-menu

itu adalah :

Tabel 3.21 Keterangan Menu untuk About Us

No. Menu Keterangan

1 Home Tampilan layar utama dan menampilkan

submenu profil, syarat dan ketentuan berlaku,

dan login

2 Syarat & Ketentuan Berlaku Menampilkan semua syarat-syarat dan

ketentuan-ketentuan yang berlaku dalam

melakukan transaksi secara kredit

3 Profile Menampilkan profil perusahaan, sekaligus

menampilkan Telefon dari Buana Electronic

apabila ingin bertanya.

4 Login Tampilan layar login sebagai admin dari

website ini

5 Product Menampilkan submenu Cari product dan jenis

Page 63: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

102  

 

barang yang dijual.

6 Cari Product Menampilkan layar untuk mencari barang yang

diinginkan oleh konsumen berdasarkan kategori

tipe dan harga barang.

7 Barang Menampilkan list-list barang yang di jual

berdasarkan kategori dan konsumen juga dapat

mencari barang yang diinginkan dengan

menggunakan fasilitas searching pada tiap

pagenya.

8 My Cart Menampilkan layar yang berisi data-data

pemesanan yang dilakukan oleh konsumen

9 Simulation Menampilkan layar simulasi pembelian barang,

agar pembeli dapat melihat harga dan cicilan

barang

10 About Us Menampilkan layar yang berisi alamat

perusahaan dan contact person admin

Page 64: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

103  

 

3.2.2.2 Rancangan Navigasi layar

Berikut ini (Gambar 3.34 sampai dengan 3.58) adalah rancangan navigasi

layar pada aplikasi berbasis web , yang menghubungkan antar halaman.

Page 65: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

104  

 

Index

Profil

Letakan pointer diatas HomeLalu klik Profil

Syarat Dan Ketentuan

Berlaku

Letakan pointer diatas HomeLalu klik Syarat Dan Ketentuan Berlaku

Login

Letakan pointer diatas HomeLalu klik Login

Cari ProductLetakan Pointer diatas Product

Lalu klik Cari Product

NokiaLetakan Pointer diatas ProductLetakan di Handphone klik Nokia

Blackberry

Samsung

Sony Erricson

Letakan Pointer diatas ProductLetakan di Handphone klik Blackberry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Sony erricson

AcerLetakan pointer di atas productLetakan di laptop klik acer

HPLetakan pointer di atas productLetakan di laptop klik HP

Klik Home

LG (Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

Sharp(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Letakan pointer di atas productLetakan di Televisi klik Sharp

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Gambar 3.34 Rancangan Navigasi Index

Page 66: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

105  

 

Profil

Index

Klik Home

Syarat Dan Ketentuan

Berlaku

Letakan pointer diatas HomeLalu klik Syarat Dan Ketentuan Berlaku

Login

Letakan pointer diatas HomeLalu klik Login

Cari ProductLetakan Pointer diatas Product

Lalu klik Cari Product

NokiaLetakan Pointer diatas ProductLetakan di Handphone klik Nokia

Blackberry

Samsung

Sony Erricson

Letakan Pointer diatas ProductLetakan di Handphone klik Blackberry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Sony erricson

AcerLetakan pointer di atas productLetakan di laptop klik acer

HPLetakan pointer di atas productLetakan di laptop klik HP

Letakan Pointer diatas HomeLalu klik Profil

LG (Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

Sharp(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Letakan pointer di atas productLetakan di Televisi klik Sharp

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Gambar 3.35 Rancangan Navigasi Layar Profile

Page 67: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

106  

 

About Us

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login Syarat Dan

Ketentuan BerlakuLetakan Pointer diatas Home

Lalu klik Syarat Dan Ketentuan Berlaku

Cari ProductLetakan Pointer diatas ProductKlik Cari Product

Nokia

Blackberry

Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Nokia

Letakan Pointer diatas ProductLetakan di Handphone klik BlackBerry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Sony EricsonLetakan pointer di atas productLetakan di laptop klik Sony ericson

AcerLetakan pointer di atas productLetakan di laptop klik Acer

Klik About Us

HP

LG(Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

My Cart

Simulation

Letakan pointer di atas productLetakan di laptop klik HP

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Sharp(Television)

Klik My Cart

Klik Simulation

Letakan pointer di atas productLetakan di Televisi klik Sharp

Gambar 3.36 Rancangan Navigasi Layar About Us

Page 68: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

107  

 

Acer

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login Syarat Dan

Ketentuan BerlakuLetakan Pointer diatas Home

Lalu klik Syarat Dan Ketentuan Berlaku

Cari ProductLetakan Pointer diatas ProductKlik Cari Product

Nokia

Blackberry

Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Nokia

Letakan Pointer diatas ProductLetakan di Handphone klik BlackBerry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Sony EricsonLetakan pointer di atas productLetakan di laptop klik Sony Ericson

HPLetakan pointer di atas productLetakan di laptop klik HP

Letakan pointer di atas productLetakan di laptop klik acer

LG (Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

Sharp(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Letakan pointer di atas productLetakan di Televisi klik Sharp

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Gambar 3.37 Rancangan Navigasi Layar Acer

Page 69: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

108  

 

3.2.2.2.2 Rancangan Navigasi Layar User

Admin Index

Letakan Pointer diatas DataLalu diatas barang dan klik Input Barang

Input Barang

View Barang

Letakan Pointer diatas DataLalu diatas barang dan klik View Barang

Kode Jenis barangLetakan Pointer diatas Data

Lalu klik Kode Jenis Barang

Transaksi

Testimoni

Logout

Klik Transaksi

Klik Testimoni

Klik LogoutKlik Data

Gambar 3.38 Rancangan Navigasi Layar Admin Index

Page 70: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

109  

 

Blackberry

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login Syarat Dan

Ketentuan BerlakuLetakan Pointer diatas Home

Lalu klik Syarat Dan Ketentuan Berlaku

Cari ProductLetakan Pointer diatas ProductKlik Cari Product

Nokia

Samsung

Sony Erricson

Letakan Pointer diatas ProductLetakan di Handphone klik Nokia

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Sony erricson

AcerLetakan pointer di atas productLetakan di laptop klik acer

HPLetakan pointer di atas productLetakan di laptop klik HP

Letakan Pointer diatas ProductLetakan di Handphone klik Blackberry

LG (Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

Sharp(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Letakan pointer di atas productLetakan di Televisi klik Sharp

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Gambar 3.39 Rancangan Navigasi Layar Blackberry

Page 71: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

110  

 

Cari Product

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login Syarat Dan

Ketentuan BerlakuLetakan Pointer diatas Home

Lalu klik Syarat Dan Ketentuan Berlaku

NokiaLetakan Pointer diatas ProductLetakan di Handphone klik Nokia

Blackberry

Samsung

Sony Erricson

Letakan Pointer diatas ProductLetakan di Handphone klik Blackberry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Sony erricson

AcerLetakan pointer di atas productLetakan di laptop klik acer

HPLetakan pointer di atas productLetakan di laptop klik HP

Letakan Pointer diatas ProductLalu klik Cari Product

LG (Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

Sharp(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Letakan pointer di atas productLetakan di Televisi klik Sharp

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Gambar 3.40 Rancangan Navigasi Layar Cari Product

Page 72: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

111  

 

HP

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login Syarat Dan

Ketentuan BerlakuLetakan Pointer diatas Home

Lalu klik Syarat Dan Ketentuan Berlaku

Cari ProductLetakan Pointer diatas ProductKlik Cari Product

Nokia

Blackberry

Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Nokia

Letakan Pointer diatas ProductLetakan di Handphone klik BlackBerry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Sony EricsonLetakan pointer di atas productLetakan di laptop klik Sony Ericson

AcerLetakan pointer di atas productLetakan di laptop klik Acer

Letakan pointer di atas productLetakan di laptop klik HP

LG (Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

Sharp(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Letakan pointer di atas productLetakan di Televisi klik Sharp

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Gambar 3.41 Rancangan Navigasi Layar HP

Page 73: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

112  

 

Input Barang

Klik Data

Admin Index

View Barang

Letakan Pointer diatas DataLalu diatas barang dan klik View Barang

Kode Jenis barangLetakan Pointer diatas Data

Lalu klik Kode Jenis Barang

Transaksi

Testimoni

Logout

Klik Transaksi

Klik Testimoni

Klik LogoutLetakan Pointer diatas DataLalu diatas barang dan klik Input Barang

Gambar 3.42 Rancangan Navigasi Layar Input Barang

Page 74: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

113  

 

Kode Jenis barang

Klik Data

Admin Index

Input Barang

Letakan Pointer diatas DataLalu diatas barang dan klik Input Barang

View BarangLetakan Pointer diatas DataLalu diatas barang dan klik View Barang

Transaksi

Testimoni

Logout

Klik Transaksi

Klik Testimoni

Klik LogoutLetakan Pointer diatas DataLalu klik Kode Jenis Barang

Gambar 3.43 Rancangan Navigasi Layar Kode Jenis Barang

Page 75: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

114  

 

LG (Air Conditioner)

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login Syarat Dan

Ketentuan BerlakuLetakan Pointer diatas Home

Lalu klik Syarat Dan Ketentuan Berlaku

Cari ProductLetakan Pointer diatas ProductKlik Cari Product

Nokia

Blackberry

Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Nokia

Letakan Pointer diatas ProductLetakan di Handphone klik BlackBerry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Sony EricsonLetakan pointer di atas productLetakan di laptop klik Sony Ericson

AcerLetakan pointer di atas productLetakan di laptop klik Acer

Letakan pointer di atas productLetakan di AC klik LG

HP

Sharp(Air Conditioner)

LG(Television)

Sharp(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di laptop klik HP

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Letakan pointer di atas productLetakan di Televisi klik Sharp

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Gambar 3.44 Rancangan Navigasi Layar LG (Air Condtioner)

Page 76: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

115  

 

LG(Television)

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login Syarat Dan

Ketentuan BerlakuLetakan Pointer diatas Home

Lalu klik Syarat Dan Ketentuan Berlaku

Cari ProductLetakan Pointer diatas ProductKlik Cari Product

Nokia

Blackberry

Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Nokia

Letakan Pointer diatas ProductLetakan di Handphone klik BlackBerry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Sony EricsonLetakan pointer di atas productLetakan di laptop klik Sony Ericson

AcerLetakan pointer di atas productLetakan di laptop klik Acer

Letakan pointer di atas productLetakan di Televisi klik LG

HP

LG(Air Conditioner)

Sharp(Air Conditioner)

Sharp(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di laptop klik HP

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik Sharp

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Gambar 3.45 Rancangan Navigasi Layar LG (Television)

Page 77: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

116  

 

Gambar 3.46 Rancangan Navigasi Layar Login

Page 78: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

117  

 

Logout

Profil

Letakan pointer diatas HomeLalu klik Profil

Syarat Dan Ketentuan

Berlaku

Letakan pointer diatas HomeLalu klik Syarat Dan Ketentuan Berlaku

Login

Letakan pointer diatas HomeLalu klik Login/klik kata login

Cari ProductLetakan Pointer diatas Product

Lalu klik Cari Product

NokiaLetakan Pointer diatas ProductLetakan di Handphone klik Nokia

Blackberry

Samsung

Sony Erricson

Letakan Pointer diatas ProductLetakan di Handphone klik Blackberry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Sony erricson

AcerLetakan pointer di atas productLetakan di laptop klik acer

HPLetakan pointer di atas productLetakan di laptop klik HP

LG (Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

Sharp(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Letakan pointer di atas productLetakan di Televisi klik Sharp

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Index

Klik Home

Gambar 3.47 Rancangan Navigasi Layar Logout

Page 79: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

118  

 

My Cart

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login Syarat Dan

Ketentuan BerlakuLetakan Pointer diatas Home

Lalu klik Syarat Dan Ketentuan Berlaku

Cari ProductLetakan Pointer diatas ProductKlik Cari Product

Nokia

Blackberry

Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Nokia

Letakan Pointer diatas ProductLetakan di Handphone klik BlackBerry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Sony EricsonLetakan pointer di atas productLetakan di laptop klik Sony ericson

AcerLetakan pointer di atas productLetakan di laptop klik Acer

Klik My Cart

HP

LG(Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

About Us

Simulation

Letakan pointer di atas productLetakan di laptop klik HP

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Sharp(Television)

Klik About Us

Klik Simulation

Letakan pointer di atas productLetakan di Televisi klik Sharp

Gambar 3.48 Rancangan Navigasi Layar My Cart

Page 80: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

119  

 

Nokia

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login Syarat Dan

Ketentuan BerlakuLetakan Pointer diatas Home

Lalu klik Syarat Dan Ketentuan Berlaku

Cari ProductLetakan Pointer diatas ProductKlik Cari Product

Blackberry

Samsung

Sony Erricson

Letakan Pointer diatas ProductLetakan di Handphone klik Blackberry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Sony erricson

AcerLetakan pointer di atas productLetakan di laptop klik acer

HPLetakan pointer di atas productLetakan di laptop klik HP

Letakan Pointer diatas ProductLetakan di Handphone klik Nokia

LG (Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

Sharp(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Letakan pointer di atas productLetakan di Televisi klik Sharp

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Gambar 3.49 Rancangan Navigasi Layar Nokia

Page 81: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

120  

 

Samsung

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login Syarat Dan

Ketentuan BerlakuLetakan Pointer diatas Home

Lalu klik Syarat Dan Ketentuan Berlaku

Cari ProductLetakan Pointer diatas ProductKlik Cari Product

Nokia

Blackberry

Sony Erricson

Letakan Pointer diatas ProductLetakan di Handphone klik Nokia

Letakan Pointer diatas ProductLetakan di Handphone klik BlackBerry

Letakan Pointer diatas ProductLetakan di Handphone klik Sony erricson

AcerLetakan pointer di atas productLetakan di laptop klik acer

HPLetakan pointer di atas productLetakan di laptop klik HP

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

LG (Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

Sharp(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Letakan pointer di atas productLetakan di Televisi klik Sharp

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Gambar 3.50 Rancangan Navigasi Layar Samsung

Page 82: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

121  

 

Sharp(Air Conditioner)

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login Syarat Dan

Ketentuan BerlakuLetakan Pointer diatas Home

Lalu klik Syarat Dan Ketentuan Berlaku

Cari ProductLetakan Pointer diatas ProductKlik Cari Product

Nokia

Blackberry

Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Nokia

Letakan Pointer diatas ProductLetakan di Handphone klik BlackBerry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Sony EricsonLetakan pointer di atas productLetakan di laptop klik Sony Ericson

AcerLetakan pointer di atas productLetakan di laptop klik Acer

Letakan pointer di atas productLetakan di AC klik Sharp

HP

LG(Air Conditioner)

LG(Television)

Sharp(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di laptop klik HP

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di Televisi klik LG

Letakan pointer di atas productLetakan di Televisi klik Sharp

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Gambar 3.51 Rancangan Navigasi Layar Sharp (Air Conditioner)

Page 83: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

122  

 

Sharp(Television)

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login Syarat Dan

Ketentuan BerlakuLetakan Pointer diatas Home

Lalu klik Syarat Dan Ketentuan Berlaku

Cari ProductLetakan Pointer diatas ProductKlik Cari Product

Nokia

Blackberry

Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Nokia

Letakan Pointer diatas ProductLetakan di Handphone klik BlackBerry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Sony EricsonLetakan pointer di atas productLetakan di laptop klik Sony ericson

AcerLetakan pointer di atas productLetakan di laptop klik Acer

Letakan pointer di atas productLetakan di Televisi klik Sharp

HP

LG(Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di laptop klik HP

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Gambar 3.52 Rancangan Navigasi Layar Sharp (Television)

Page 84: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

123  

 

Simulation

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login Syarat Dan

Ketentuan BerlakuLetakan Pointer diatas Home

Lalu klik Syarat Dan Ketentuan Berlaku

Cari ProductLetakan Pointer diatas ProductKlik Cari Product

Nokia

Blackberry

Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Nokia

Letakan Pointer diatas ProductLetakan di Handphone klik BlackBerry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Sony EricsonLetakan pointer di atas productLetakan di laptop klik Sony ericson

AcerLetakan pointer di atas productLetakan di laptop klik Acer

Klik Simulation

HP

LG(Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di laptop klik HP

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Sharp(Television)

Klik About Us

Klik My Cart

Letakan pointer di atas productLetakan di Televisi klik Sharp

Gambar 3.53 Rancangan Navigasi Layar Simulation

Page 85: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

124  

 

Sony Ericson

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login Syarat Dan

Ketentuan BerlakuLetakan Pointer diatas Home

Lalu klik Syarat Dan Ketentuan Berlaku

Cari ProductLetakan Pointer diatas ProductKlik Cari Product

Nokia

Blackberry

Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Nokia

Letakan Pointer diatas ProductLetakan di Handphone klik BlackBerry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

AcerLetakan pointer di atas productLetakan di laptop klik acer

HPLetakan pointer di atas productLetakan di laptop klik HP

Letakan Pointer diatas ProductLetakan di Handphone klik Sony erricson

LG (Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

Sharp(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Letakan pointer di atas productLetakan di Televisi klik Sharp

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Gambar 3.54 Rancangan Navigasi Layar Sony Ericsson

Page 86: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

125  

 

Syarat Dan Ketentuan

Berlaku

Index

Klik Home

Profil

Letakan pointer diatas HomeLalu klik Profil

Login

Letakan pointer diatas HomeLalu klik Login

Cari ProductLetakan Pointer diatas Product

Lalu klik Cari Product

NokiaLetakan Pointer diatas ProductLetakan di Handphone klik Nokia

Blackberry

Samsung

Sony Erricson

Letakan Pointer diatas ProductLetakan di Handphone klik Blackberry

Letakan Pointer diatas ProductLetakan di Handphone klik Samsung

Letakan Pointer diatas ProductLetakan di Handphone klik Sony erricson

AcerLetakan pointer di atas productLetakan di laptop klik acer

HPLetakan pointer di atas productLetakan di laptop klik HP

Letakan Pointer diatas HomeLalu klik Syarat Dan Ketentuan Berlaku

LG (Air Conditioner)

Sharp(Air Conditioner)

LG(Television)

Sharp(Television)

About Us

My Cart

Letakan pointer di atas productLetakan di AC klik LG

Letakan pointer di atas productLetakan di AC klik Sharp

Letakan pointer di atas productLetakan di Televisi klik LG

Letakan pointer di atas productLetakan di Televisi klik Sharp

Simulation

Klik About Us

Klik My Cart

Klik Simulation

Gambar 3.55 Rancangan Navigasi Layar Syarat Dan Ketentuan Berlaku

Page 87: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

126  

 

Gambar 3.56 Rancangan Navigasi Layar Testimoni

Page 88: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

127  

 

Gambar 3.57 Rancangan Navigasi Layar Transaksi

Page 89: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

128  

 

View Barang

Klik Data

Admin Index

Input Barang

Letakan Pointer diatas DataLalu diatas barang dan klik Input Barang

Kode Jenis barangLetakan Pointer diatas Data

Lalu klik Kode Jenis Barang

Transaksi

Testimoni

Logout

Klik Transaksi

Klik Testimoni

Klik LogoutLetakan Pointer diatas DataLalu diatas barang dan klik View Barang

Gambar 3.58 Rancangan Navigasi Layar View Barang

3.2.3 Rancangan Basis Data

Setelah perancangan layar, akan dibuat rancangan basis data yang akan digunakan.

Database engine akan digunakan karena web programming yang akan digunakan

diharuskan memiliki database engine untuk menyimpan data-data yang dibutuhkan.

Page 90: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

129  

 

Tabel members

Primary Key dari tabel ini : member_id

Tabel 3.22 Keterangan Untuk Database members(admin)

No. Nama Field Tipe Data Keterangan

1 Member_id int Digunakan untuk Foreign Key dan

juga sebagai Primary Key dari Admin

2 firstname Varchar (100) Digunakan untuk menyimpan nama

admin

3. jabatan Varchar (100) Digunakan untuk menyimpan

mengetahui jabatan yang memegang

admin

4. Login Varchar(100) Digunakan sebagai id login untuk

mengakses halaman admin

5. Passwd Varchar(32) Digunakan sebagai password untuk

login

6. Status Varchar(50) Digunakan untuk mengetahui admin

sedang online / offline

Fungsi tabel ini digunakan untuk menyimpan data-data dari admin panel yang

dapet mengakses backend dari website tersebut.

Page 91: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

130  

 

Tabel konsumen

Primary Key dari tabel ini : IDKonsumen

Tabel 3.23 Keterangan Untuk Database Konsumen

No. Nama Field Tipe Data Keterangan

1 IDKonsumen Int Digunakan untuk primary key dari

tabel konsumen dan mengakses my

cart

2 NamaKonsumen Varchar(50) Digunakan sebagai nama konsumen

3. PIN Int Digunakan untuk mengakses my cart

4. Alamat Varchar (200) Digunakan sebagai alamat dari

konsumen

5. NoTelephone Varchar(50) Digunakan sebagai nomor telepon dari

konsumen

6. Pekerjaan Varchar (50) Digunakan untuk mengetahui

pekerjaan atau usaha dari konsumen

Fungsi tabel ini adalah untuk menyimpan data dari Admin yang bertugas di

website ini.

Page 92: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

131  

 

Tabel JenisBarang

Primary Key dari tabel ini : Kd Jenis Barang

Tabel 3.24 Keterangan Untuk Database JenisBarang

No. Nama Field Tipe Data Keterangan

1 Kd Jenis Barang Char (5) Digunakan untuk Primary Key dari

tabel Jenis Barang

2 Jenis Barang Varchar (50) Digunakan untuk menyimpan jenis

barang yang di jual

Fungsi tabel ini adalah untuk menyimpan data dari Jenis Barang yang di jual oleh

website ini.

Tabel Product

Primary Key dari tabel ini : Kode Barang

Tabel 3.25 Keterangan Untuk Database Product

No. Nama Field Tipe Data Keterangan

1 Kode Barang Char (5) Digunakan untuk primary key dari

tabel product

2 Kd Jenis Barang Char (5) Digunakan untuk menghubungkan

tabel JenisBarang dengan tabel

Page 93: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

132  

 

Product

3. Member_id int Digunakan untuk menghubungkan

tabel Admin dengan tabel Product

4. Nama Barang Varchar (100) Digunakan untuk mengetahui nama

barang yang di jual

5. Harga Barang Int Digunakan untuk mengetahui harga

barang yang di jual

6. Deskripsi Varchar (1000) Digunakan untuk mengetahui

mendeskripsikan barang yang di jual

7 Image Varchar (200) Digunakan untuk menyimpan gambar

dari barang yang di jual

8 Status Varchar (50) Digunakan untuk mengetahui status

barang yang di jual

Fungsi tabel ini adalah untuk menyimpan data dari product yang dapat dibeli

oleh konsumen melalui website ini.

Page 94: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

133  

 

Tabel Testimoni

Primary key dari tabel ini : IDTesti

Tabel 3.26 Keterangan Untuk Database Testimoni

No. Nama Field Tipe Data Keterangan

1 IDTesti int Digunakan untuk Primary Key dari

tabel Testimoni

2 Member_id Int Digunakan untuk menghubungkan

tabel Testimoni dengan tabel members

3. Email Varchar(50) Digunakan untuk mengirim balik

email ke konsumen yang memberikan

kritik atau saran

4. Tanggal Datetime Digunakan untuk mengetahui waktu

kapan testimony diisi

5. Testimoni Varchar (500) Digunakan untuk menyimpan

testimoni dari konsumen

6. View Varchar(20) Digunakan untuk menampilkan

testimoni atau tidak

Fungsi tabel ini adalah untuk menyimpan data dari testimoni yang telah

diberikan oleh konsumen

Page 95: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

134  

 

Tabel Konsumen

Primary key dari tabel ini : ID Konsumen

Tabel 3.27 Keterangan Untuk Database Konsumen

No. Nama Field Tipe Data Keterangan

1 ID Konsumen Char (10) Digunakan untuk primary key dari

tabel Konsumen

2 Nama Konsumen Varchar (50) Digunakan untuk mengetahui nama

konsumen

3. Alamat Varchar (50) Digunakan untuk mengetahui alamat

konsumen

4. Nomor Telephone Varchar (50) Digunakan untuk mengetahui nomor

telephone konsumen

5. Pekerjaan Varchar (50) Digunakan untuk mengetahui

pekerjaan konsumen yang membeli

product

Fungsi tabel ini adalah untuk menyimpan data Konsumen yang membeli product

di website CV Buana Electronic

Page 96: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

135  

 

Tabel Transaction

Primary Key dari tabel ini : ID Transaksi

Tabel 3.28 Keterangan Untuk Database Transaction

No. Nama Field Tipe Data Keterangan

1 IDTransaksi int Digunakan untuk primary key dari

tabel Transaksi

2 IDKonsumen int Digunakan untuk menghubungkan

tabel Konsumen dengan tabel

Transaction

3. KodeBarang Char (5) Digunakan untuk menghubungkan

tabel Product dengan tabel

Transaction

4. Member_id int Digunakan untuk menghubungkan

tabel Admin dengan table Transaction

5. NamaBarang Varchar(200) Digunakan untuk mengetahui nama

barang yang di transaksi oleh

Konsumen

6. Jaminan Varchar (100) Digunakan untuk mengetahui jaminan

yang diberikan oleh konsumen untuk

Page 97: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

136  

 

mengkredit Barang yang di transaksi

7. Harga Int Digunakan untuk mengetahui harga

barang

8. Status Varchar (20) Digunakan untuk mengetahui status

transaksi yang dilakukan konsumen

sudah di terima atau belum oleh Admin

9. Tanggal Datetime Digunakan untuk mengetahui kapan

terjadinya pemesanan

10 IDPemesanan int Digunakan untuk menghubungkan

table pemesanan dan transaction

Fungsi tabel ini adalah untuk menyimpan data transaksi yang dilakukan oleh

konsumen.

Page 98: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

137  

 

Gambar 3.34 merupakan diagram yang menggambarkan keterhubungan antar

tabel-tabel yang telah di definisikan

Member

PK member_id

firstnamejabatanloginpasswdStatus

Product

PK KodeBarang

FK1 KdJenisBarangFK2 member_id

NamaBarangDeskripsiHargaBarangImageStatus

JenisBarang

PK KdJenisBarang

JenisBarang

Transaction

PK IDTransaksi

FK1 IDKonsumenFK2 member_idFK3 KodeBarangFK4 IDPemesanan

NamaBarangHargaJaminanStatusTanggal

Konsumen

PK IDKonsumen

NamaKonsumenPINAlamatNomor TelephonePekerjaan

Testimoni

PK IDTesti

FK1 member_idEmailTanggalTestimoniView

1..*1..*

*..1

mengklasifikasi

Pemesanan

PK IDPemesanan

FK1 IDKonsumenNamaBarangJaminanStatusTanggal

*..1memproses

1..* *..1modifikasi

*..1 1..*

*..1

1..*

Menjelaskan detail barang

*..1

1..*

*..1

memesan

1..*

Memeriksa status/

membatalkan

1..1 1..1

mengatur

Gambar 3.59 ERD

Page 99: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

138  

 

3.2.4 Rancangan Program

Gambar 3.35sampai dengan 3.38 menggambarkan flowchart tentang berjalannya

program-program yang ada. Flowchart ini di dasarkan pada diagram rinci yang telah

dibuat.

Gambar 3.60 Rancangan Program untuk Proses Modifikasi data (add update delete)

Page 100: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

139  

 

Gambar 3.61 Rancangan Program untuk My Cart

Page 101: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

140  

 

MULAI

Cari barang

Memesan barang

Mengisi data pemesanan

Selesai

Status Barang=ada

iya

Konsumen kreditable=iya

iya

Pemesanan diterima

Barang dikirim

Tidak

Pemesanan ditolak

tidak

Gambar 3.62 Rancangan Program untuk pemesanan barang

Page 102: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

141  

 

mulai

Mencari barang dan harga

Barang dan harga = ada

Memasukkan harga dan DP ke

simulasi

iya

selesai

tidak

Hasil simulasi

kredit

Gambar 3.63 Rancangan Program untuk Simulasi

Page 103: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

142  

 

3.2.5 Rancangan Arsitektur Program

Gambar 3.64 rancangan untuk arsitektur program

Arsitektur yang digunakan adalah arsitektur client-server three tier yang

terdiri dari client, application server, dan database server. Client bertanggung

jawab dalam interaksi antar user dan tampilan layar. Application server berperan

terhadap semua koneksi yang akan mengakses ke dalam database server dan

mengurus semua proses yang diminta. Database server hanya bertanggung jawab

tentang penyimpanan data dan bagian ini tidak dapat langsung diakses dari client

karena menggunakan keamanan yang hanya bisa dilalui dari application server.

Page 104: BAB 3 ANALISIS PERMASALAHAN DAN PERANCANGAN 3.1 …thesis.binus.ac.id/doc/Bab3/2011-1-00276-IF BAB 3.pdfperusahaan yang beralamat di jl. ... Bertugas untuk mengatur sgala keuangan/transaksi

143  

 

3.2.6 Rancangan Keamanan

Rancangan keamanan yang diusulkan dalam sistem yang akan dibuat

dimulai dari halamn index. Pada halaman index, keamanan berupa username dan

password. Ini berguna untuk mengetahui siapa yang memiliki akses untuk

menggunakan sistem yang akan dibuat. Hanya admin yang sudah teregistrasi saja

yang bisa menggunakan sistem sehingga sistem akan lebih aman.

Admin memiliki hak login yang dapat digunakan untuk menambahkan,

mengubah, menghapus data barang yang ada. admin juga dapat melihat data

transaksi untuk melakukan konfirmasi diterima atau ditolaknya. Selain itu, admin

juga dapat menyeleksi testimoni yang masuk dari pelanggan bila ada testimoni

yang merugikan.

User tidak perlu login untuk menggunakan aplikasi. User hanya dapat

menggunakan web untuk mengisi data transaksi bila ingin memesan barang,

mengisi testimonial,yang berisi kritik, saran, ucapan trima kasih, dukungan, dan

melakukan simulasi untuk transaksi.

Selain itu, sistem penjualan menggunakan database security yang aman

dari ancaman berupa Pencurian dan penipuan, Kehilangan Kerahasiaan,

Kehilangan keleluasaan, Kehilangan Kualitas, dan Kehilangan Ketersediaan. Data

memiliki cadangan bila terjadi kesalahan pd software, bencana, virus, atau

kesalahan manusia.