Membangun Sistem E-Commerce Pada Toko Picanto

35

3.1 Analisis Sistem

Melakukan analisa terhadap sistem yang sedang berjalan bertujuan sebagai dasar perancangan atau perbaikan sistem lama. Dari hasil analisis tersebut dapat diketahui kelemahan atau kekurangan sistem yang lama dan dapat dirancang atau diperbaiki menjadi sebuah sistem yang lebih efektif dan efisien.

3.1.1 Analisis Sistem Berjalan

Bagian ini menggambarkan sistem yang sedang berjalan di toko Picanto. Berdasarkan hasil wawancara dengan pihak toko Picanto, prosedur penjualan yang sedang berjalan di toko Picanto adalah sebagai berikut:

1. Konsumen datang langsung ke toko Picato untuk melakukan pembelian, serta memilih barang yang akan dipesan.

2. Konsumen tersebut akan dilayani dibagian administrasi. Setelah konsumen mendapatkan pesanan, kemudian akan diproses oleh bagian administrasi untuk dicek atau diperiksa dalam arsip data barang yang terdapat di gudang.

3. Jika barang telah tersedia, maka pihak administrasi akan meneruskan data pesanan kebagian kasir untuk dibuatkan faktur dan pengarsipan, kemudian pihak administrasi meminta barang ke bagian gudang berdasarkan pesanan barang tersebut.

4. Bagian kasir akan membuat faktur rangkap 3 (tiga), yang kesatu akan diarsipkan dan diserahkan kepada konsumen sebagai bukti pembayaran. Sedangkan yang kedua dan ketiga sebagai bukti penjualan bagi administrasi dan kasir.

5. Konsumen akan membayar total biaya dari harga barang tersebut, kemudian kasir akan menyerahkan faktur pembelian barang.

6. Setelah ada permintaan barang dari bagian administrasi, maka pihak gudang akan menyediakan barang sesuai order. Pihak gudang akan memberikan barang kepada bagian administrasi.

7. Di bagian gudang akan mengadakan perubahan terhadap barang yang telah dijual dengan mengubah data stok barang barang atau persediaan dalam gudang tersebut.

Proses penjualan diatas dapat digambarkan kedalam satu flow map diagram, yaitu:

Sistem Penjualan di Toko Picanto

Admin Kasir Gudang

Konsumen

Form order barang

Isi form

Form order yang telah terisi

Form order yang telah terisi Cek barang pesanan Ada ? Order telah dicek Tidak ya order yang telah

dicek

Faktur 1 Order yang telah

digandakan 1

Faktur 2

Order 2 yang telah digandakan 2.1

Order telah digandakan Faktur 2 yang

telah ditandatangani Permintaa n barang ke gudang Penggand aan order Order telah digandakan 1 Order telah digandakan 2 Pembua tan faktur Faktur 3 Penandat anganan faktur Transaksi pembayar an Faktur 1 telah ditandatangani Faktur 2 telah ditandatangani Faktur 3 telah ditandatangani Order 1

Data stok

Order yang telah digandakan 2 Pembua tan faktur Order telah digandakan 2 Penggand aan order yang telah dicatat Order 2 yang telah

digandakan 2.1 Order 2 yang telah

digandakan 2.2

Pengupda tean stok

Data stok Order 2 yang telah

digandakan 2.2 Faktur 1 telah

ditandatangani A1 A2 A3 A4 A4

Gambar 3.1 Flowmap

Keterangan gambar: A1 : Arsip Konsumen A2 : Arsip Administrasi A3 : Arsip Kasir

3.1.2 Analisis Dokumen

Dokumen yang terlibat dalam prosedur penjualan yang sedang berjalan di toko Picanto dapat dilihat pada tabel 3.1 dibawah ini :

Tabel 3.1 Analisis Dokumen

No. Dokumen Sumber Keterangan

1 Order (Form order

terisi) Konsumen

Menginformasikan barang yang dibeli oleh konsumen

2 Faktur penjualan Kasir

Menginformasikan barang terjual yang dibeli oleh konsumen

3 Data stok barang Gudang

Menginformasikan barang apakah ada atau tidak

3.1.3 Analisis Perangkat Keras

Analisis perangkat keras (hardware) merupakan proses analisis yang lebih menekankan kepada aspek pemanfaatan perangkat keras yang selama ini telah dimiliki toko Picanto.

Pada bagian komputer, memiliki spesifikasi perangkat keras dengan prosesor P4 2,4 GHz, RAM 512 Mb, Hardisk 80 Gb, monitor SVGA 14, keyboard, mouse, monitor. Perangkat keras yang saat ini dimiliki oleh bagian komputer sudah layak dan dapat mendukung sistem e-commerce yang akan dibangun.

3.1.4 Analisis Perangkat Lunak

Analisis perangkat lunak (software) merupakan proses analisis yang lebih menekankan kepada aspek pemanfaatan perangkat keras yang selama ini telah dimiliki toko Picanto.

Pada bagian komputer, memiliki sistem operasi Microsoft Windows XP Professional. Untuk mendukung sistem e-commerce yang akan dibangun, maka pada komputer server perlu ditambahkan perangkat lunak WAMP, PHP dan MySQL.

3.1.5 Analisis Kebutuhan Pengguna

Pengguna dari sistem e-commerce yang akan dibuat terdiri dari dua pengguna, yaitu:

Tabel 3.2 Spesifikasi Pengguna

Pengguna Administrator Member Pengunjung

Tanggung Jawab

Menentukan administrator, pengolahan Data barang,Melakukan

proses pengolahan pesanan

Melakukan proses pesanan

Hanya dapat melihat data

barang

Hak akses

Memanipulasi data ( update, tambah,

hapus )

Melakukan proses update, tambah,

hapus dan konfirmasi pembayaran.

Hanya dapat melihat data

Tingkat

Pendidikan Lulus SMA

Bisa mengakses internet, minimal

SMP

Bisa mengakses internet, minimal

SMP Tingkat

keterampilan

Mengerti kinerja komputer dan

Internet

Mengenal internet dan mengerti pembelian Online

Mengenal internet

Pengalaman

Pelatihan Komputer dan Teknologi

website

- -

Jenis Pelatihan

Pelatihan Komputer dan Teknologi

website

3.1.6 Kesimpulan Analisis

Setelah diuraikan dan diamati secara terperinci mengenai keadaan sistem yang sedang berjalan, maka didapatkan beberapa permasalahan yang timbul, yaitu:

1. Sistem penjualan dilakukan secara terbatas, maksudnya konsumen memesan secara langsung ke toko Picanto. Hal ini menyulitkan bagi konsumen yang berada diluar kota atau pulau.

2. Adanya fasilitas komputer yang memadai tetapi kurang dioptimalkan penggunaannya, yaitu masih memakai software yang sederhana sehingga membutuhkan waktu yang lama dalam melakukan pekerjaan.

3.2 Analisis Basis Data

Dalam memodelkan data dan hubungan-hubungan data yang ada di dalam Sistem E-commerce digunakan alat bantu yaitu diagram E-R. Gambar dibawah menggambarkan bagaimana relasi antar entitas yang saling berhubungan.

Memesan Barang no_ Pes anan User Kode_ baran

g Jum lah_ bar ang Har ga Id_User Nama Alamat Kodepos Id_Kota Kode

_Barang Nam a_bar

ang Har

ga_ Barang

Id_ Ukur an Jeni s_B ahan Pengiriman Dikirim No_P

esanan Alam at_pen girim Dibayar Pembayaran Pengurus Mengkonfirmasi pengiriman Mengkonfirmasi pembayaran Ongkos kirim Ongkos pesanan Tambah ongkos kirim No_ pesanan Id_Kota Harga_on g kir Usernam e Passw_ord Tipe Status Usernam e memiliki Kategori Id_ kat ego ri Nam a_Kategor

i Is a Admin Pengelola Mengelola Email Id_kota Id_peng irim Id_pem bayara n Wa ktu_pem

bayar an Usern ame Id_ kat egor i N 1

1 1 1

1 1 1 1 1 N N N N N N

Password Username

Id_ongkoskirim Ukuran Id_

ukuran Kode

_bar ang Nom er_ ukur an Stok_ barang memiliki Kota memiliki Id_Kota Id_Provinsi nama memiliki Provinsi Id_Provinsi nama 1 N N Nom er_ ukur an Service Na ma _bank

No_ rek eni ng Harga Nama__pengurus Email_p_engurus Telepon memiliki 1 N Detail pesanan memiliki N N N 1 N N

Gambar 3.2 ERD

3.3 Analisis Kebutuhan Fungsional

Analisis kebutuhan fungsional adalah analisis terhadap kebutuhan secara fungsional baik dalam aliran data ataupun informasi. Analisis kebutuhan fungsional digambarkan dalam analisis terstruktur yang akan digambarkan pada subbab berikutnya.

3.3.1 Diagram Konteks

Diagram konteks berfungsi untuk menggambarkan hubungan antara entitas luar, masukkan dan keluaran sistem, yang direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. Diagram konteks dari sistem

E-commerce dapat dilihat pada gambar 3.3 :

Sistem E-commerce

User Pengurus

Data Registrasi Data lupa pasword

Data pesanan barangData user login

Info barang Info password baru

Info detail pesanan Info detail barang

Info pencarian Login gagal

Data barang Data kategori Data admin login

login gagal Info kategori

Info barang Info pesanan Info account

Data user account Data barang Data pencarian

Data account user Data order

Info account user Data jawaban pertanyaan

Info pertanyaan

Pengunjung

Data Barang

Info registrasi Data konfirmasi pembayaran

Info konfirmasi pembayaran

Gambar 3.3 Diagram Konteks

Diagram alir data dari Sistem E-commerce yang akan dibangun adalah sebagai berikut:

1. Data flow diagram level 0 mempunyai 11 (sepuluh) proses, diantaranya : Login, registrasi, isi keranjang belanja, pencarian barang, tampil kategori, edit account, lupa password, chatting, hubungi kami, konfirmasi pembayaran dan layanan pengurus.

User

1 Login Data user login

login gagal 3 isi Keranjang belanja Member Data user Info user 4 Pencarian barang 6 Edit Account 7 Lupa password

Data lupa password

Info password user D

at a lu pa pass wo rd Inf o pass wo rd

Data edit account

Inf o ac co unt Da ta edi t ac co unt Inf o acco unt

Data pesanan barang

barang Data order

Info receipt Info detail pesanan

Data pencarian barang

Inf o pe nca rian bara ng Data pencarian Info Barang 5 Tampil kategori Data barang Inf o det ai l bara ng pesanan Data order Info order Da ta bara n g Inf o dat a 9 Hubungi kami Data pertanyaan Inf o pert anya a n 10 Layanan pengurus Da ta acc ount In fo bara n g pengurus Pengurus Data barang

Info detail barang

inf o pe nguru s D at a penguru s 2 Daftar Data registrasi Info registrasi Da ta re gi stra si Inf o re gi stra si 11 Konfirmasi pembayaran D at a ko nf irmasi pe mb aya ra n Da ta pem baya ra n re sp on Inf o pert anya an Inf o pes anan In fo D a ta a cc o u n t D at a pesa nan Da ta bara ng Da ta login Inf o lo gin D at a ka tegori Inf o ka tego ri Pengunjung Pengunjung Info pertanyaan Data jawaban pertanyaan

L o g in su kse s Pembayaran Data pembayaran Info Pembayaran

2. DFD level 1 proses 1 Login

Member

1.1 Verifikasi Username Data user login

info validasi gagal

member

1.2 Verifikasi Password

Data user login valid Login sukses

Info login gagal

D a ta user l o g in

Info user login

Gambar 3.5 DFD level 1 proses 1 Login 3. DFD level 1 proses 2 Daftar

Pengunjung

2.2 Verifikasi Email Data registrasi

Member Konfirmasi verifikasi email

Info registrasi Info registrasi

2.1 isi Data registrasi

Data registrasi Konfirmasi verifikasi email

Data registrasi

Gambar 3.6 DFD level 1 proses 2 daftar 4. DFD level 1 proses 3 isi keranjang belanja

Member

3.1 Tampil detail

barang

Data order barang 3.2 Tambah barang ke keranjang D a ta O rd e r 3.3 Tampil Keranjang Barang Data Order pesanan barang Data barang 3.6 Check out 3.5 Hapus item Data Barang Info order Info Receipt orderr Data barang 3.4 Ubah banyak barang D a ta Ju m la h b a ra n g re sp o n D a ta o rd e r D a ta o rd e r 3.4.1 Isi data tujuan

pengiriman D a ta o rd e r Ongkos kirim Data ongkos kirim

e

m

a

il

5. DFD level 1 proses 5 Tampil kategori

5.1 Tampil Data Barang

5.2 Tampil Detail

barang Member

Data barang

Data barang

Info data barang

Barang Info barang

Info barang Gambar 3.8 DFD level 1 proses 5 Tampil data produk 6. DFD level 1 proses 7 Lupa password

7.1 Isi email Data email

Info email Member

7.2 Konfirmasi via

email Info permohonan password baru

Data email

Member Info email

7.3 Isi password baru

Data password

Data password baru D

a

ta

pa

s

s

w

o

rd

b

ar

u

Info password baru

7. DFD level 1 proses 10 layanan pengurus Pengurus 10.5 Kelola Data Barang 10.3 Konfirmasi pembayaran 10.2 Kelola Pesanan Pesanan Pembayaran barang Data Barang Info Barang Login sukses Info barang Data Order Info Order Info konfirmasi pembayaran

Data Login Info pesanan Da ta p e sa n a n Info account 10.4 Kelola data pengiriman Pengiriman Login sukses Info Login Info Order Data Order 10.1 Login L og in S u kse s Info pengiriman Login sukses 10.6 Kelola data kategori Login sukses Inf o ka teg o ri 10.7 Kelola account user _user Info Account user Data Account user Login sukses In fo a cco u n t u se r Kategori Data Kategori Info Kategori Info pesanan 10.8 Kelola Pengurus

Login sukses admin pengurus

Data pengurus

Info pengurus 10.9

Membuat Laporan Info Laporan

Data tanggal periode

D at a la po ra n Da ta lap or a

n Dat

a la po ra n 10.10

Kelola ongkos kirim Data ongkos Ongkos_kirim

D at a o n g k o s Inf o o n g ko s

Gambar 3.10 DFD level 1 proses 10 layanan pengurus 8. DFD level 1 proses 11 konfirmasi pembayaran

Member 11.1 Tampil konfirmasi nomer daftar pesanan 11.2 Isi data konfirmasi

pembayaran Data pesanan Data pembayaran Data pembayaran pesanan Info pesanan Info pembayaran Data pembayaran Pembayaran

9. DFD level 2 proses 10.1 Login pengurus

Pengurus

10.1.1 Verifikasi Username Data pengurus login

info validasi gagal

Pengurus

10.1.2 Verifikasi Password

Data pengurus login valid Login sukses

Info login gagal

D a ta p e n g u ru s l o g in

Info pengurus login

Gambar 3.12 DFD level 2 proses 10.1 login 10. DFD level 2 proses 10.4 kelola data pengiriman

Pengurus 10.4.2 Konfirmasi Nomer resi pengiriman Login sukses respon pengiriman Data pengiriman 10.4.1 Tampil konfirmasi pengiriman Data pengiriman Request Data pengiriman Info pengiriman 10.4.3 Verifikasi pengiriman email email user

Gambar 3.13 DFD level 2 proses 10.4 kelola data pengiriman 11. DFD level 2 proses 10.5 Tambah barang

10.5.2 Tambah Barang 10.5.3 Edit barang 10.5.4 Kelola_ukuran Da ta ba ra ng Data barang D ata b ara n g Info barang Info ukuran Data barang Data barang Data ukuran 10.5.1 Tampil data barang Pengurus Data Barang

respon Barang Info barang Info barang Info barang Info barang Ukuran

12. DFD level 2 proses 10.6 Tambah kategori 10.5.2 Tambah Kategori 10.5.3 Edit Kategori 10.5.4 Hapus Kategori D at a Kat e g or i Data Kategori Da ta Kat e go ri Info Kategori Info Kategori Data Kategori Data Kategori Data Kategori 10.5.1 Tampil detail Kategori Pengurus Login sukses

respon

Kategori Info kategori

Info kategori Info kategori

Gambar 3.15 DFD level 2 proses 10.6 Tambah kategori 13. DFD level 2 proses 10.3 Kelola Konfirmasi Pembayaran

Pengurus 10.3.3 terima pembayaran 10.3.4 Tolak pembayaran Login sukses Data pembayaran respon Pembayaran Data terima Data penolakan 10.3.1 Tampil konfirmasi pembayaran Request Data pembayaran Info pembayaran 10.3.2 Verifikasi pembayaran 10.3.5 Verifikasi lewat email Data pembayaran pengiriman Data verifikasi Data pembayaran user email Data verifikasi

14. DFD level 2 proses 10.8 Kelola Account Pengurus

Pengurus

10.8.2 Tambah account

pengurus

respon

pengurus

D

ata accou

nt

pe

ngu

ru

s

10.8.3 edit account

pengurus 10.8.1

Tampil account pengurus Data account pengurus

Data account pengurus

Data account pengurus Request

account pengurus

D

ata accoun

t pe

ngu

rus

Request account pengurus

Gambar 3.17 DFD level 2 proses 10.8 Kelola Konfirmasi Pembayaran 15.DFD level 2 proses 10.2 Kelola Pesanan

Admin

10.2.1 tampil Pesanan

Info pesanan Data pesanan

10.2.2 Lunas Data pesanan

10.2.3 batal

10.2.1 Detail Pesanan Data pesanan

Data pesanan

pesanan

Info pesanan Data pesanan

Data pesanan

Gambar 3.18 DFD level 2 proses 10.2 Kelola Pesanan

3.3.2 Spesifikasi Proses

Spesifikasi proses bertujuan untuk mendeskripsikan dari setiap fungsi yang disajikan pada diagram alir data. Spesifikasi proses pada alir data sistem

Tabel 3.3 Spesifikasi Proses

No Proses Keterangan

1

No.Proses 1.1

Nama proses Verifikasi Username

Source Member

Input Data Member login

Output Info validasi gagal, Info login gagal Destination Member

Logika proses 1. Member memasukkan Username dan Password. 2. Apabila Username yang diinputkan benar, maka

Username valid.

3. Apabila Username yang diinputkan tidak benar, maka info validasi gagal

2 No.Proses 1.2

Nama proses Verifikasi Password

Source Member

Input Data Member login valid Output Login Sukses, Login Gagal Destination Member

Logika proses 1. Apabila Password yang diinputkan benar, maka Login Sukses.

2. Apabila Password yang diinputkan tidak benar, maka info Login gagal

3

No.Proses 2.1

Nama proses Isi data registrasi

Source Pengunjung

Input Data registrasi

Output Data registrasi, Info registrasi Destination Pengunjung

Logika proses 1. Pengunjung memilih menu registrasi 2. Sistem menampilkan form registrasi 3. Pengunjung memasukkan data Registrasi 4. Apabila ada data yang tidak valid maka

pengunjung harus merubah data yang tidak valid tersebut

5. Apabila valid maka sistem akan menyimpan data tersebut

4

No.Proses 2.2

Nama proses Verifikasi Email

Source Pengunjung

Input Data registrasi Output Info registrasi Destination Member

Logika proses 1. Sistem akan mengirimkan verifikasi email ke alamat email pengunjung

2. Pengunjung menyetujui email verifikasi

menjadi aktif

5

No.Proses 3.1

Nama proses Tampil detail barang

Source Member

Input Data order barang

Output Data order barang Destination Member

Logika proses 1. Member request data barang 2. Sistem akan menampilkan

6

No.Proses 3.2

Nama proses Tambah barang ke keranjang

Source Member

Input Data order

Output Data order

Destination Member

Logika proses 1. Member menambahkan data barang yang dipesan ke dalam keranjang belanja.

2. Sistem akan menyimpan barang pesanan di keranjang belanja

7 No.Proses 3.3

Nama proses Tampil keranjang Barang

Input Data order

Output Data order, data produk, data jumlah barang Destination Member

Logika proses 1. Member merequest keranjang belanja

2. Sistem menampilkan data pesanan yang ada dalam keranjang belanja

3. Member melanjutkan pesanan

8 No.Proses 3.4

Nama proses Ubah banyak barang

Source Member

Input Data jumlah barang

Output Respon

Destination Member

Logika proses 1. Member menambahkan jumlah kuantitas barang 2. Sistem akan merespon dan menambahkan

banyak jumlah barang tersebut 3. Member melanjutkan proses pesanan

9 No.Proses 3.5

Nama proses Hapus Item

Source Member

Input Data barang

Output Info info order Destination Member

Logika proses 1. Member memilih data pesanan yang akan di hapus kemudian menghapus data pesanan 2. Sistem merespon penghapusan tersebut dan

menghapus data pesanan yang dihapus

10 No.Proses 3.6

Nama proses Isi data tujuan pengiriman

Source Member

Input Data order

Output Data order

Destination Member

Logika proses 1. Member mengisi form tujuan pengiriman, Jenis pembayaran dan Service yang digunakan pada jasa pengiriman

2. Member melanjutkan proses pesanan

11 No.Proses 5.1

Nama proses Tampil data barang

Source Member

Input Data barang, info barang

Output Data barang

Destination Member

Logika proses 1. Member merequest data barang 2. Sistem akan menampilkan data barang

Nama proses Tampil detail barang

Source Member

Input Data barang

Output Info data barang Destination Member

Logika proses 1. Member akan merequest detail barang 2. sistem akan menampilkan detail barang

13 No.Proses 7.1

Nama proses Isi email

Source Member

Input Data email, info email

Output Data email

Destination Member

Logika proses 1. Member memasukkan alamat email

14 No.Proses 7.2

Nama proses Konfirmasi Via email

Source Member

Input Data email

Output Info permohonan password baru Destination Member

password baru ke alamat email member tersebut 2. Member akan mengecek email dan mengklik

alamat link yang dikirimkan tersebut

15 No.Proses 7.3

Nama proses Isi password baru

Source Member

Input Data passoword baru

Output Info passowrd baru Destination Member

Logika proses 1. Member memasukkan Password baru

2. Sistem akan menyimpan password baru tersebut

16 No.Proses 11.1

Nama proses Tampil konfirmasi nomer daftar pesanan

Source Member

Input Data pesanan

Output Data pembayaran

Destination Member

Logika proses 1. Member akan mengkonfirmasi pembayaran 2. Apabila Member menekan tombol Konfirmasi

maka sistem akan menampilkan data pesanan Member sesuai pesanan tersebut.

17 No.Proses 11.2

Source Member

Input Data Pembayaran

Output Info pembayaran

Destination Member

Logika proses 1. Member akan mengisi form data pembayaran 2. Sistem akan merespon konfirmasi pembayaran

tersebut

18 No.Proses 10.1.1

Nama proses Verifikasi Username

Source Pengurus

Input Data pengurus login Output Data pengurus login valid Destination Pengurus

Logika proses 1. Pengurus memasukkan Username dan

password.

2. Apabila Username yang diinputkan benar, maka Username valid.

3. Apabila Username yang diinputkan tidak benar, maka info validasi gagal

19 No.Proses 10.1.2

Nama proses Verifikasi password

Source Pengurus

Output Info Login gagal, Login Sukses Destination Pengurus

Logika proses 1. Apabila Password yang diinputkan benar, maka Login Sukses.

2. Apabila Password yang diinputkan tidak benar, maka info Login gagal.

20 No.Proses 10.8.1

Nama proses Tampil account pengurus

Source Pengurus

Input Data pengurus

Output Data account pengurus Destination Pengurus

Logika proses 1. Pengurus akan memilih menu tampilkan account untuk ditampilkan data account

2. Sistem akan menampilkan data account

21 No.Proses 10.8.2

Nama proses Tambah account pengurus

Source Pengurus

Input Data account pengurus

Output Data account

Destination Pengurus

Logika proses 1. Pengurus akan memilih data tambah account pengurus

2. Pengurus akan mengisi data account

3. Apabila memilih tombol simpan, maka data account telah tertambah

4. Apabila memilih tombol batal maka data account tidak jadi ditampilkan

22 No.Proses 10.8.3

Nama proses Hapus account pengurus

Source Pengurus

Input Data account pengurus

Output Data account

Destination Pengurus

Logika proses 1. Pengurus memilih tombol hapus pada data account pengurus yang akan dihapus.

2. Akan ada konfirmasi penghapusan data account pengurus

3. Apabila memilih tombol ya maka data account pengurus akan dihapus.

4. Apabila memilih tombol tidak maka data account pengurus tidak jadi dihapus

23 No.Proses 10.8.4

Nama proses Edit account pengurus

Source Pengurus

Input Data account pengurus

Destination Pengurus

Logika proses 1. Pengurus memilih edit account pengurus

2. Pengurus akan merubah data account yang akan di edit.

3. Apabila memilih tombol ya maka data account akan teredit.

4. Apabila memilih tombol tidak maka edit data account pengurus tidak jadi diedit.

24 No.Proses 10.3.1

Nama proses Tampil konfirmasi pembayaran

Source Pengurus

Input Data konfirmasi pembayaran

Output Data pembayaran

Destination Pengurus

Logika proses 1. Pengurus memilih tampilkan data konfirmasi pembayaran

2. Sistem akan menampilkan data konfirmasi pembayaran

25 No.Proses 10.3.3

Nama proses Terima pembayaran

Source Pengurus

Input Data terima

Output Data verifikasi Destination Pengurus

Logika proses 1. Pengurus akan memilih terima pembayaran untuk mengkonfirmasi pembayaran

2. Pengurus akan memilih tombol konfirmasi untuk menyimpan ke tabel pengiriman

3. Pengurus akan memilih tombol konfirmasi email untuk mengonfirmasi email

26 No.Proses 10.3.4

Nama proses Tolak pembayaran

Source Pengurus

Input Data penolakan

Output Data pembayaran

Destination Pengurus

Logika proses 1. Pengurus akan memilih tolak pembayaran untuk mengkonfirmasi pembayaran

2. Pengurus akan memilih tombol konfirmasi email untuk mengonfirmasi email.

27 No.Proses 10.3.5

Nama proses Verifikasi lewat email

Source Pengurus

Input Data pembayaran

Output Email

Destination Member

Logika proses 1. Sistem akan mengirim konfirmasi email sesuai data penolakan atau penerimaan pembayaran

28 No.Proses 10.4.1

Nama proses Tampil konfirmasi pengiriman

Source Pengurus

Input Data peniriman, info pengiriman

Output Data pengiriman, request data pengiriman Destination Pengurus

Logika proses 1. Pengurus memilih tampilkan data konfirmasi pengiriman

2. Sistem akan menampilkan data konfirmasi pengiriman

29 No.Proses 10.4.2

Nama proses Konfirmasi kirim barang

Source Pengurus

Input Data pengiriman

Output Data pengiriman

Destination Pengurus

Logika proses 1. Pengurus memilih konfirmasi pengiriman 2. Pengurus mengisi form pengiriman resi

pengiriman

30 No.Proses 10.4.3

Nama proses Verifikasi pengiriman email

Input Data pengiriman

Output Email

Destination Member

Logika proses 1. Pengurus akan memilih konfirmasi lewat email untuk mengirim email

2. Sistem akan mengirim konfirmasi email sesuai permintaan pengurus

31 No.Proses 10.6.2

Nama proses Tambah kategori

Source Pengurus

Input Data kategori

Output Data kategori

Destination Pengurus

Logika proses 1. Pengurus memilih menu tambah kategori untuk memunculkan form tambah kategori

2. Pengurus menambah data kategori.

3. Apabila pengurus menekan tombol simpan maka data kategori akan tersimpan

32 No.Proses 10.6.3

Nama proses Edit kategori

Source Pengurus

Input Data kategori, informasi kategori

Destination Pengurus

Logika proses 1. Pengurus memilih edit kategori

2. Pengurus akan merubah data Kategori yang akan di edit.

3. Apabila memilih tombol ya maka data kategori akan teredit.

4. Apabila memilih tombol tidak maka edit data kategori tidak jadi diedit.

33 No.Proses 10.6.4

Nama proses Hapus kategori

Source Pengurus

Input Data kategori, informasi kategori

Output Data kategori

Destination Pengurus

Logika proses 1. Pengurus memilih tombol hapus pada data kategori yang akan dihapus.

2. Akan ada konfirmasi penghapusan data kategori 3. Apabila memilih tombol ya maka data kategori

akan dihapus.

4. Apabila memilih tombol tidak maka data kategori tidak jadi dihapus

34 No.Proses 10.5.2

Nama proses Tambah data barang

Source Pengurus

Output Data barang Destination Pengurus

Logika proses 1. Pengurus memilih menu tambah data barang untuk memunculkan form tambah data barang 2. Pengurus menambah data barang.

3. Apabila pengurus menekan tombol simpan maka data barang akan tersimpan

35 No.Proses 10.5.3

Nama proses Edit data barang

Source Pengurus

Input Data barang, informasi data barang

Output Data barang

Destination Pengurus

Logika proses 1. Pengurus memilih edit data barang

2. Pengurus akan mengedit data barang yang akan di edit.

3. Apabila memilih tombol ya maka data barang akan teredit.

4. Apabila memilih tombol tidak maka edit data barang tidak jadi diedit.

36 No.Proses 10.5.4

Nama proses Hapus data barang

Source Pengurus

Output Data barang Destination Pengurus

Logika proses 1. Pengurus memilih tombol hapus pada data barang yang akan dihapus.

2. Akan ada konfirmasi penghapusan data barang 3. Apabila memilih tombol ya maka data barang

akan dihapus.

4. Apabila memilih tombol tidak maka data barang tidak jadi dihapus

3.3.3 Kamus Data

Kamus data merupakan katalog (tempat penyimpanan) dari elemen-elemen yang berada dalam suatu sistem. Kamus data mempunyai fungsi yang sama dalam pemodelan sistem dan juga berfungsi membantu pelaku sistem untuk mengerti aplikasi secara detail dan mengorganisasi semua elemen data yang digunakan dalam sistem sehingga pemakai dan penganalisa sistem punya dasar pengertian yang sama tentang masukan, keluaran, penyimpanan dan proses.

Kamus data dibuat berdasarkan alur data yang ada di data flow diagram. Arus data yang ada di data flow diagram bersifat global, hanya ditunjukan arus datanya saja. Kamus data yang terdapat pada sistem pada tabel 3.2

Tabel 3.4 Kamus Data

No Kamus Keterangan

1 Nama alir data Data Regristrasi

used Tabel Member - proses 2.2 (output)

Keterangan pengunjung non member melakukan pendaftaran untuk menjadi member pelanggan Struktur Data Username+Password+Nama_User+Alamat+Pr

ovinsi+Kota+Kodepos+Email

Deskripsi Username = [A-Z | a-z | 0-9 | simbol]

Password = [A-Z | a-z | 0-9 ]

Nama_User = [A-Z | a-z] Alamat = [A-Z | a-z | 0-9] Provinsi = [A-Z | a-z] Kota = [A-Z | a-z] Kodepos = [0-9]

Email [A-Z | a-z | 0-9 | simbol] 2 Nama alir data Data Member Login

Where used/how used

Member 1.1 (input)

Keterangan Pengunjung yang telah mendaftar Struktur data Username + password

Deskripsi Username = [A-Z | a-z]

Password = [A-Z | a-z | 0-9]

3 Nama alir data Data account pengurus Where used / how

used

Pengurus – proses 10.8.2(input)

Tabel Pengurus - proses 10.8.2(output) Tabel Pengurus - proses 10.8.3(output) Tabel Pengurus - proses 10.8.4(output) Keterangan Pengolahan data Pengurus

Struktur data Username+Password+Tipe+Status Deskripsi Username = [A-Z | a-z | 0-9 ]

Password = [A-Z | a-z | 0-9 ]

Status = [A-Z | a-z] 4 Nama alir data Data Member account

Where used / how used

Member – proses 6.1(input),proses 6.1(output)

Keterangan Pengolahan data Member

Struktur data Username+Password+Id_User+Nama_User+A lamat+Kecamatan+Kota+Provinsi+Email Deskripsi Username = [A-Z | a-z | 0-9 | simbol]

Password = [A-Z | a-z | 0-9 ]

Nama_User = [A-Z | a-z] Alamat = [A-Z | a-z | 0-9] Provinsi = [A-Z | a-z] Kota = [A-Z | a-z] Kodepos = [0-9]

Email [A-Z | a-z | 0-9 | simbol] Username = [A-Z | a-z | 0-9 | simbol] 5 Nama alir data Data Email

Where used / used Member – proses 7.1(input) Tabel Member - proses 7.1(output) Keterangan Pengolahan data lupa password

Struktur data Email

Deskripsi Email = [A-Z | a-z | 0-9 | simbol] 6 Nama alir data Data Barang

Where used / how used

Pengurus - proses 10.5.2(input) Pengurus - proses 10.5.3(input) Tabel Barang - proses10.5.2(output) Tabel Barang - proses10.5.3(output) Tabel Barang - proses10.5.4(output) Keterangan Pengolahan data barang

mbar+harga

Deskripsi Kode_barang = [0-9] Nama_barang = [A-Z | a-z] Jenis_bahan = [A-Z | a-z] Stok_Barang = [0-9] Harga_barang = [0-9] Ukuran = [A-Z] 7 Nama alir data Data pencarian barang

Where used / how used

Member - proses 4(input) Tabel Barang - proses 4(output) Keterangan Pencarian barang

Struktur data Nama_barang

Deskripsi Nama_Barang = [A-Z | a-z | 0-9 ] 8 Nama alir data Data kategori

Where used / how used

Pengurus - proses 10.6.2(input) Pengurus - proses 10.6.3(input) Tabel Kategori - proses 10.5.2(output) Tabel Kategori - proses 10.5.3(output) Tabel Kategori - proses 10.5.4(output) Keterangan Pengurus mengelola kategori

Struktur data Id_Kategori+Nama_Kategori Deskripsi Id_Kategori = [0-9]

Nama_Kategori = [A-Z | a-z] 9 Nama alir data Data Pembayaran

Where used / how used

Member – proses 11.3(input) Tabel Pesanan - proses 11.3(output) Keterangan Member konfirmasi pembayaran Struktur data Waktu_Pembayaran+Nama_Bank+

Rekening_pengirim+Besar_pembayaran Deskripsi Waktu_pembayaran = [dd/mm/yyyy]

Nama_bank = [A-Z | a-z] No_rekening = [0-9] Besar_pembayaran = [0-9] 10 Nama alir data Data Pertanyaan

Where used / how used

Member – proses 9(input) Pengurus - proses 9(output) Keterangan Member bertanya melalui email Struktur data Nama+Email+Judul+Komentar Deskripsi Nama = [A-Z | a-z ]

Email = [A-Z | a-z | 0-9 | simbol] Judul = [A-Z | a-z | 0-9]

Komentar = [A-Z | a-z | 0-9 | simbol] 11 Nama alir data Data Order

Where used / how used

Member – proses 3.6(input) Tabel pesanan - proses 3.6(output) Keterangan Member memessan barang

Struktur data No_pesanan+Kode_Barang+Jumlah_Barang+ Harga

Deskripsi No_Pesanan = [0-9] Kode_Barang = [0-9] Jumlah_Barang = [0-9] Harga = [0-9]

3.4 Perancangan

Tahap perancangan merupakan kelanjutan dari proses analisis dimana dilakukan perubahan-perubahan terhadap sistem yang sedang berjalan. Hal ini dilakukan untuk mengatasi kekurangan yang ada, memudahkan pekerjaan yang dilkukan oleh orang yang terlibat dan menghemat waktu pekerjaan.

3.4.1 Perancangan Skema Relasi

Skema relasi merupakan rangkaian hubungan antara dua table atau lebih pada sistem database. Gambar berikut merupakan penjelasan rangkaian database pada sistem e-commerce : User PK Id_User User_name Password Nama_user Alamat Email FK1 Id_kota Kodepos Pesanan PK No_Pesanan Waktu_pemesanan FK1 Id_User FK2 Id_ongkos_kirim Jenis_pembayaran lunas terima FK3 Id_subbarang Barang PK Kode_barang Nama_barang Harga_barang Stok_barang Jenis_bahan FK1 Id_kategori Gambar Detail Pesanan PK Id_detail_pesanan FK1 No_Pesanan Jumlah_barang Harga Pengiriman PK Id_pengiriman FK1 No_Pesanan FK2 Username Alamat Kota Id_user Pengurus PK Username Password Tipe Status Ongkos Kirim PK Id_ongkos_kirim Harga_ongkir Service FK1 Id_kota Pembayaran PK Id_pembayaran Waktu_pembayaran FK1 No_Pesanan FK2 Username Kategori PK Id_kategori Nama_kategori Kota PK Id_kota Nama FK1 Id_provinsi Provinsi PK Id_provinsi Nama Ukuran PK Id_ukuran Nomer_ukuran Stok_barang Subbarang PK Id_subbarang FK1 Id_ukuran FK2 Kode_barang

Gambar 3.19 Skema Relasi

3.4.1.1Struktur Tabel

Struktur tabel merupakan isi data yang berada dalam satu record pada satu tabel. Struktur tabel dalam website sistem e-commerce pada toko Picantoadalah :

1. Tabel Member

a. Nama table : Member

b. Primary Key : Id_User c. Jumlah Field : 9

d. Keterangan : Tabel berisi data Member

Tabel 3.5 Tabel Member Field

(1)

Tipe (2)

Panjang (3)

Keterangan (8)

Id_User integer 7 Primary Key

Username VarChar 50 Username member

Password VarChar 50 Password

Nama_User VarChar 50 Nama_User

Email Varchar 50 Email member

Alamat VarChar 100 Alamat member

Kodepos Integer 6 Kodepos member

Id_Kota Integer 50 Foreign key reference

ke tabel Kota field

id_kota

2. Tabel Barang

a. Nama table : Barang b. Primary Key : Kode_Barang c. Jumlah Field : 6

d. Keterangan : Tabel berisi data Barang

Tabel 3.6 Tabel Barang Field

(1)

Tipe (2)

Panjang (3)

Keterangan (8)

Kode_Barang Integer 4 Primary Key

Nama_Barang VarChar 50 Nama_barang Harga_Barang Integer 7 Harga_barang

Jenis_Bahan VarChar 50 Jenis bahan dari barang terbuat dari

bahan apa.

Gambar Varchar 100 Gambar dari barang ID_Kategori Integer 7 Foreign key reference

ke tabel Kategori field

id_kategori

Id_ukuran Integer 10 Foreign key reference

ke tabel Ukuran field

Id_ukuran

3. Tabel Kategori

a. Nama table : Kategori b. Primary Key : Id_Kategori c. Jumlah Field : 2

d. Keterangan : Tabel berisi data Kategori

Tabel 3.7 Tabel Kategori Field

(1)

Tipe (2)

Panjang (3)

Keterangan (8)

ID_Kategori Integer 7 Primary Key

Nama_Kategori VarChar 50 Nama dari kategori

4. Tabel Detail Pesanan

a. Nama table : Detail pesanan b. Primary Key : Id_detail_pesanan c. Jumlah Field : 5

d. Keterangan : Tabel berisi data detail pesanan

Tabel 3.8 Tabel Detail Pesanan Field

(1)

Tipe (2)

Panjang (3)

Keterangan (8)

No_pesanan integer Foreign key

reference ke tabel

pesanan field

No_pesanan

Ukuran Integer 3 Foreign key

reference ke tabel

Ukuran field

Nomer_ukuran

Harga VarChar 7 Harga dari barang

yang dipesan

Jumlah_barang integer 3 Jumlah barang yang dipesan

5. Tabel Pesanan

a. Nama table : Pesanan b. Primary Key : No_Pesanan c. Jumlah Field : 5

d. Keterangan : Tabel berisi data Pesanan

Tabel 3.9 Tabel Pesanan Field

(1)

Tipe (2)

Panjang (3)

Keterangan (8)

No_pesanan integer 10 Primary Key

Id_User integer 7 Foreign key

reference ke tabel

Member field

Id_User

Waktu_Pemesanan date Waktu pemesanan

Jenis_pembayaran enum Jenis pilihan

pembayaran

reference ke tabel Ongkos_kirim

field

id_ongkos_kirim

Terima Integer 1 Status pesanan

barang

Lunas Integer 1 Status pesanan

barang

Id_ukuran Integer 10 Foreign key

reference ke tabel

Ukuran field

Id_ukuran

6. Tabel Pengiriman

a. Nama table : Pengiriman b. Primary Key : Id_pengiriman c. Jumlah Field : 6

d. Keterangan : Tabel berisi data pengiriman

Tabel 3.10 Tabel Pengiriman Field

(1)

Tipe (2)

Panjang (3)

Keterangan (8)

Id_Pengiriman Integer 11 Primary Key

No_pesanan integer Foreign key

reference ke tabel

Pesanan field

No_pesanan

Username VarChar 50 Foreign key

reference ke tabel

Pengurus field

Alamat_pengiriman text - Alamat pengiriman barang

Id_User Integer 7 Foreign key

reference ke tabel

Member field

Id_User

Id_Kota Integer 11 Foreign key

reference ke tabel

Kota field Id_kota

7. Tabel pembayaran

a. Nama table : Pembayaran b. Primary Key : Id_Pembayaran c. Jumlah Field : 7

d. Keterangan : Tabel berisi data Pembayaran

Tabel 3.11 Tabel Pembayaran Field

(1)

Tipe (2)

Panjang (3)

Keterangan (8)

Id_pembayaran integer Primary Key

No_pesanan integer Foreign key

reference ke tabel

pesanan field

No_pesanan

Id_User integer 7 Foreign key

reference ke tabel

Member field

Id_User

Waktu_Pembayaran date Waktu dari

member pada saat konfirmasi

pembayaran

Nama_bank Varchar 50 Nama bank

member yang digunakan untuk mentransfer Rekening_pengirim Varchar 32 Rekening

member

Harga Integer 13 Harga atau besar

pembayaran

8. Tabel Pengurus

a. Nama table : Pengurus b. Primary Key : Username c. Jumlah Field : 4

d. Keterangan : Tabel berisi data Pengurus

Tabel 3.12 Tabel Pengurus Field

(1)

Tipe (2)

Panjang (3)

Keterangan (8)

Username VarChar 50 Primary Key

Password VarChar 50 Password pengurus

Nama_pengurus Varchar 50 Nama dari pengurus Email_pengurus Varchar 50 Email Pengurus

Tipe VarChar 50 Tipe yang

menandakan

pengurus sebagai

Admin atau

Pengelola

Status VarChar 50 Status yang

atau tidak aktif

9. Tabel Ongkos Kirim

a. Nama table : Ongkos Kirim b. Primary Key : Id_Ongkos_Kirim c. Jumlah Field : 4

d. Keterangan : Tabel berisi data Ongkos Kirim

Tabel 3.13 Tabel Ongkos Kirim Field

(1)

Tipe (2)

Panjang (3)

Keterangan (8)

ID_ongkos kirim integer 7 Primary Key

Service Enum 50 Service yang menandakan

jenis pengiriman ONS atau Reguler

Id_Kota Integer 11 Foreign key reference ke tabel Kota field Id_kota Harga_ongkir VarChar 7 Harga dari ongkos kirim

10. Tabel Ukuran

a. Nama table : Ukuran b. Primary Key : Id_Ukuran c. Jumlah Field : 4

d. Keterangan : Tabel berisi data Ukuran

Table 3.14 Tabel Ukuran Field

(1)

Tipe (2)

Panjang (3)

Keterangan (8)

ID_Ukuran Integer 10 Primary Key

Kode_barang Integer 10 Foreign key reference ke tabel Barang field

Kode_barang

Nomer_ukuran Integer 2 Nomer ukuran dari barang

Stok_barang Integer 3 Stok ketersediaan barang

11. Tabel Kota

a. Nama table : Kota b. Primary Key : Id_Kota c. Jumlah Field : 3

d. Keterangan : Tabel berisi data Ongkos Kirim

Tabel 3.15 Tabel Kota Field

(1)

Tipe (2)

Panjang (3)

Keterangan (8)

ID_Kota Integer 10 Primary Key

Id_provinsi Integer 10 Foreign key reference ke tabel provinsi field

Id_provinsi

Nama VarChar 50 Nama kota

12. Tabel Provinsi

a. Nama table : Provinsi b. Primary Key : Id_Provinsi c. Jumlah Field : 4

d. Keterangan : Tabel berisi data Ongkos Kirim

Tabel 3.16 Tabel Provinsi Field

(1)

Tipe (2)

Panjang (3)

Keterangan (8)

ID_Provinsi integer 10 Primary Key

3.4.1.2Struktur Menu

Perancangan struktur menu berisi menu dan subtema yang berfungsi memudahkan Member dalam menggunakan sistem. Menu tersebut dibagi berdasarkan hak akses masing-masing Member. Berikut ini gambaran mengenai struktur menu Model Sistem e-commerce :

1. Struktur Menu Pengunjung

Struktur menu pengunjung terdiri dari Daftar, Login, Beranda, Cara Pemesanan, Profil Kami, dan Hubungi Kami. Untuk menu pengunjung ini hanya bisa melihat daftar barang dan kategori saja tanpa bisa membeli atau memesan barang tersebut karena diharuskan untu mendaftar terlebih dahulu. Berikut gambar struktur menu untuk pengunjung :

Model Sistem E-commerce pada Toko

Picanto

Beranda

Daftar Kategori Cara Pemesanan Hubungi Kami

Sepatu Formil Wanita Sepatu Formil

Pria

Sepatu Sport

Sendal Pria

Sendal Wanita Login

Gambar 3.20 Struktur menu pengunjung

2. Struktur Menu Member

Struktur menu Member terdiri dari Login, Keranjang Belanja, Beranda, Edit account, Kategori, Cara pemesanan, Hubungi Kami, Logout. Berikut gambar struktur menu Member :

Model Sistem E-commerce pada Toko

Picanto Login Kategori Konfirmasi

Pembayaran Beranda Cara pemesanan Logout Tampil Konfirmasi

pemesanan

Hubungi Kami Edit account

Sepatu Formil Wanita Sepatu Formil

Pria

Sepatu Sport Sendal Pria Sendal Wanita

Gambar 3.21 Struktur menu Member 3. Struktur Menu Pengelola

Struktur menu pengelola terdiri dari Kategori, Laporan, Konfirmasi Pembayaran, Konfirmasi Pengiriman, Ongkos Kirim, Logout. Berikut gambar struktur menu Pengelola :

Model Sistem E-commerce pada Toko

Picanto

Login

Kategori _Pesanan Konfirmasi

Pembayaran Kelola data _pengiriman Barang

Edit Kategori

Logout

Tampil pesanan Tampil Konfirmasi Pembayaran

Tampil Konfirmasi Pengiriman User

Tampil User

Hapus Kategori

Tambah kategori

Edit barang

Hapus barang

Tambah barang

4. Struktur Menu Admin

Struktur menu Admin terdiri dari Kategori, Account Pengelola, Laporan, Ongkos Kirim, Konfirmasi Pembayaran, Konfirmasi Pengiriman Logout. Berikut gambar struktur menu Admin :

Model Sistem E-commerce pada Toko

Picanto

Login

Kategori Account Pengelola _{Barang Pesanan Pembayaran}Konfirmasi _PengirimanKonfirmasi

Tampil Pesanan Tampilbarang

Tampil Pengelola Tampil Konfirmasi _Pembayaran Tampil Konfirmasi _Pengiriman Edit Pengelola

Logout Account User

Tampil User Edit barang

Hapus barang Tambah barang

Gambar 3.23 Struktur menu admin

3.4.2 Perancangan Antar Muka

Perancangan antar muka bertujuan untuk memberikan gambaran tentang aplikasi yang akan dibangun. Sehingga akan mempermudah dalam mengimplementasikan aplikasi serta mempermudah pembuatan rancangan antar muka yang mudah digunakan oleh pengguna sistem. Perancangan ini diimplementasikan menjadi sebuah program yang utuh dan dapat digunakan oleh pengguna sistem. Rancangan antar muka aplikasi model sistem e-commerce

Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami Login

Username Password

Login

Lupa Password ? Daftar Selamat Datang Costumer Service Footer Produk Terbaru Gambar Keterangan :

- Klik Beranda untuk menuju H01

- Klik Cara Pemesanan Untuk menuju H02 -Klik Hubungi Kami untuk menuju H03

- Klik Login untuk masuk ke menu sesuai dengan hak akses

- Klik Daftar untuk menuju halaman H04 - Klik Lupa Password untuk menuju H05

- Klik Link Kategori untuk menuju halaman H06 - Klik Cari untuk pencarian barang

Kategori H01

Gambar Gambar Gambar Keterangan Keterangan Keterangan Logo Pembayaran Link kategori Produk Terlaris Gambar Cari Cari

Gambar 3.24 Halaman Utama (Pengunjung) Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami Login

Username Password

Login

Lupa Password ? Daftar

Teks Cara Pemesanan

Costumer Service

Footer

Produk Terbaru Gambar

Keterangan :

- Klik Beranda untuk menuju H01

- Klik Cara Pemesanan Untuk menuju H02 -Klik Hubungi Kami untuk menuju H03

- Klik Login untuk masuk ke menu sesuai dengan hak akses

- Klik Daftar untuk menuju halaman H04 - Klik Lupa Password untuk menuju H05

- Klik Link Kategori untuk menuju halaman H06 -Klik Cari untuk pencarian barang Kategori H02 Logo Pembayaran Link kategori Produk Terlaris Gambar Cari Cari

Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami Login

Username Password

Login

Lupa Password ?

Daftar

Costumer Service

Footer

- Klik Beranda untuk menuju H01

- Klik Cara Pemesanan Untuk menuju Kategori untuk menuju H02

-Klik cara pemesanan untuk menuju H03

- Klik hubungi kami untuk menuju H04

- Klik Login untuk masuk ke manu sesuai dengan hak akses

- Klik Daftar untuk menuju halaman H05 - Klik Lupa Password untuk menuju H06 Kategori H03 Logo Pembayaran Link kategori Teks Nama Email anda Judul Komentar Keterangan :

- Klik Beranda untuk menuju H01

- Klik Cara Pemesanan Untuk menuju H02 -Klik Hubungi Kami untuk menuju H03

- Klik Login untuk masuk ke menu sesuai dengan hak akses

- Klik Daftar untuk menuju halaman H04 - Klik Lupa Password untuk menuju H05

- Klik Link Kategori untuk menuju halaman H06 -Klik Cari untuk pencarian barang Kirim Batal Produk Terlaris Gambar Produk Terbaru Gambar Cari Cari

Gambar 3.26 Halaman Hubungi Kami (Pengunjung) Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami Login

Username Password

Login

Lupa Password ? Daftar

Costumer Service

Footer

- Klik Beranda untuk menuju H01

- Klik Cara Pemesanan Untuk menuju Kategori untuk menuju H02

-Klik cara pemesanan untuk menuju H03

- Klik hubungi kami untuk menuju H04

- Klik Login untuk masuk ke manu sesuai dengan hak akses

- Klik Daftar untuk menuju halaman H05 - Klik Lupa Password untuk menuju H06 Kategori H04 Logo Pembayaran Link kategori Teks Username Password Nama Lengkap Alamat Keterangan :

- Klik Beranda untuk menuju H01

- Klik Cara Pemesanan Untuk menuju H02 -Klik Hubungi Kami untuk menuju H03

- Klik Login untuk masuk ke menu sesuai dengan hak akses

- Klik Daftar untuk menuju halaman H04 - Klik Lupa Password untuk menuju H05

- Klik Link Kategori untuk menuju halaman H06 - Klik Cari untuk pencarian barang Daftar Batal Kecamatan Kota Email Produk Terlaris Gambar Produk Terbaru Gambar Cari Cari

Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami Login

Username Password

Login

Lupa Password ? Daftar

Costumer Service

Footer

Produk Terbaru Gambar

- Klik Beranda untuk menuju H01

- Klik Cara Pemesanan Untuk menuju Kategori untuk menuju H02

-Klik cara pemesanan untuk menuju H03

- Klik hubungi kami untuk menuju H04

- Klik Login untuk masuk ke manu sesuai dengan hak akses

- Klik Daftar untuk menuju halaman H05 - Klik Lupa Password untuk menuju H06 Kategori H05 Logo Pembayaran Link kategori Keterangan :

- Klik Beranda untuk menuju H01

- Klik Cara Pemesanan Untuk menuju H02 -Klik Hubungi Kami untuk menuju H03

- Klik Login untuk masuk ke menu sesuai dengan hak akses

- Klik Daftar untuk menuju halaman H04 - Klik Lupa Password untuk menuju H05

- Klik Link Kategori untuk menuju halaman H06 - Klik Cari untuk pencarian barang

Email Lupa Password

Silahkan masukkan email anda untuk mengirimkan permohonan password baru.

Proses

Produk Terlaris Gambar

Cari Cari

Gambar 3.28 Halaman Lupa Password (Pengunjung) Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami Login

Username Password

Login

Lupa Password ? Daftar

Costumer Service

Footer

Produk Terbaru Gambar

- Klik Beranda untuk menuju H01

- Klik Cara Pemesanan Untuk menuju Kategori untuk menuju H02

-Klik cara pemesanan untuk menuju H03

- Klik hubungi kami untuk menuju H04

- Klik Login untuk masuk ke manu sesuai dengan hak akses

- Klik Daftar untuk menuju halaman H05 - Klik Lupa Password untuk menuju H06 Kategori H06 Logo Pembayaran Link kategori Keterangan :

- Klik Beranda untuk menuju H01

- Klik Cara Pemesanan Untuk menuju H02 -Klik Hubungi Kami untuk menuju H03

- Klik Login untuk masuk ke menu sesuai dengan hak akses

- Klik Daftar untuk menuju halaman H04 - Klik Lupa Password untuk menuju H05

- Klik Link Kategori untuk menuju halaman H06 - Klik link Gambar pada data barang untuk menuju halaman H07 - Klik Cari untuk pencarian barang

Gambar Text data barang

Gambar Text data barang

Gambar Text data barang Gambar

Text data barang

Gambar Text data barang

Gambar Text data barang Link kategori Selanjutnya Sebelumnya Produk Terlaris Gambar Cari Cari

Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami Login

Username Password

Login Lupa Password ? Daftar

Costumer Service

Footer

- Klik Beranda untuk menuju H01

- Klik Cara Pemesanan Untuk menuju Kategori untuk menuju H02

-Klik cara pemesanan untuk menuju H03 - Klik hubungi kami untuk menuju H04 - Klik Login untuk masuk ke manu sesuai dengan hak akses

- Klik Daftar untuk menuju halaman H05 - Klik Lupa Password untuk menuju H06 Kategori H07 Logo Pembayaran Link kategori Teks Berjalan Keterangan :

- Klik Beranda untuk menuju H01

- Klik Cara Pemesanan Untuk menuju H02 -Klik Hubungi Kami untuk menuju H03 - Klik Login untuk masuk ke menu sesuai dengan hak akses

- Klik Daftar untuk menuju halaman H04 - Klik Lupa Password untuk menuju H05 - Klik Link Kategori untuk menuju halaman H06 - Klik Cari untuk pencarian barang Gambar Keterangan Link kategori Produk Terlaris Gambar Produk Terbaru Gambar Cari Cari

Gambar 3.30 Halaman Detail Barang (Pengunjung)

Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami

Selamat Datang

Costumer Service

Footer

Keterangan :

- Klik Beranda untuk menuju HU01

- Klik Cara Pemesanan Untuk menuju HU02 -Klik Hubungi Kami untuk menuju HU03 - Klik Link Edit Account untuk menuju halaman HU04 - Klik Link Keluar untuk keluar dari hak akses Klik Link Tampil Keranjang untuk menuju halaman HU5 - Klik Link Kategori untuk menuju halaman HU06 - Klik Konfirmasi Pembayaran untuk menuju halaman HU12 -Klik Cari untuk pencarian barang

Kategori HU01

Gambar Gambar Gambar Keterangan Keterangan Keterangan Logo Pembayaran Link kategori Selamat Datang User Konfirmasi Pembayaran Keluar Keranjang Keterangan isi keranjang Tampil Keranjang Edit Account Produk Terlaris Gambar Produk Terbaru Gambar Cari Cari

Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami

Teks Cara Pemesanan Costumer Service

Footer

Keterangan :

- Klik Beranda untuk menuju HU01

- Klik Cara Pemesanan Untuk menuju HU02 -Klik Hubungi Kami untuk menuju HU03 - Klik Link Edit Account untuk menuju halaman HU04 - Klik Link Keluar untuk keluar dari hak akses Klik Link Tampil Keranjang untuk menuju halaman HU5 - Klik Link Kategori untuk menuju halaman HU06 - Klik Konfirmasi pembayaran untuk menuju halaman HU12 -Klik Cari untuk pencarian barang Kategori HU02 Logo Pembayaran Link kategori Selamat Datang User Edit Account Keluar Keranjang Keterangan isi keranjang Tampil Keranjang Konfirmasi Pembayaran Produk Terlaris Gambar Produk Terbaru Gambar Cari Cari

Gambar 3.32 Halaman Cara Pemesanan (Member)

Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami

Costumer Service

Footer

Keterangan : - Klik Beranda untuk menuju HU01

- Klik Cara Pemesanan Untuk menuju HU02 -Klik Hubungi Kami untuk menuju HU03 - Klik Kirim untuk kirim email - Klik Link Edit Account untuk menuju halaman HU04 - Klik Link Keluar untuk keluar dari hak akses Klik Link Tampil Keranjang untuk menuju halaman HU05 - Klik Link Kategori untuk menuju halaman HU06 - Klik Konfirmasi pembayaran untuk menuju halaman HU12 -Klik Cari untuk pencarian barang Kategori HU03 Logo Pembayaran Link kategori Selamat Datang User Edit Account Keluar Keranjang Keterangan isi keranjang Tampil Keranjang Teks Nama Email anda Judul Komentar Kirim Batal Konfirmasi Pembayaran Produk Terlaris Gambar Produk Terbaru Gambar Cari Cari

Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami

Costumer Service

Footer

Keterangan : - Klik Beranda untuk menuju HU01

- Klik Cara Pemesanan Untuk menuju HU02 -Klik Hubungi Kami untuk menuju HU03 - Klik Link Edit Account untuk menuju halaman HU04 - Klik Link Keluar untuk keluar dari hak akses Klik Link Tampil Keranjang untuk menuju halaman HU05 - Klik Link Kategori untuk menuju halaman HU06 - Klik Konfirmasi Pembayaran untuk menuju halaman HU12 -Klik Cari untuk pencarian barang Kategori HU04 Logo Pembayaran Link kategori Selamat Datang User Edit Account Keluar Keranjang Keterangan isi keranjang Tampil Keranjang Konfirmasi Pembayaran Email Nama Lengkap Alamat Simpan Propinsi Kota Teks Kode pos

Telepon Produk Terbaru

Gambar Produk Terlaris

Gambar Cari Cari

Gambar 3.34 Halaman Edit Account (Member)

Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami

Costumer Service

Footer

Keterangan : - Klik Beranda untuk menuju HU01

- Klik Cara Pemesanan Untuk menuju HU02 -Klik Hubungi Kami untuk menuju HU03 - Klik Link Edit Account untuk menuju halaman HU04 - Klik Link Keluar untuk keluar dari hak akses -Klik Link Tampil Keranjang untuk menuju halaman HU05 - Klik Link Kategori untuk menuju halaman HU06 - Klik Konfirmasi Pembayaran untuk menuju halaman HU12 - Klik Hapus untuk menghapus barang - Klik Lanjutkan untuk menuju halaman HU08 -Klik Cari untuk pencarian barang Kategori HU05 Logo Pembayaran Link kategori Selamat Datang User Edit Account Keluar Keranjang Keterangan isi keranjang Teks Perincian Belanja Tampil Keranjang Konfirmasi Pembayaran Lanjutkan Hapus Produk Terbaru Gambar Produk Terlaris Gambar Cari Cari

Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami

Costumer Service

Footer

- Klik Beranda untuk menuju H01

- Klik Cara Pemesanan Untuk menuju Kategori untuk menuju H02 -Klik cara pemesanan untuk menuju H03 - Klik hubungi kami untuk menuju H04 - Klik Login untuk masuk ke manu sesuai dengan hak akses

- Klik Daftar untuk menuju halaman H05 - Klik Lupa Password untuk menuju H06 Kategori HU06 Logo Pembayaran Link kategori Keterangan :

- Klik Beranda untuk menuju HU01

- Klik Cara Pemesanan Untuk menuju HU02 -Klik Hubungi Kami untuk menuju HU03 - Klik Link Edit Account untuk menuju halaman HU04 - Klik Link Keluar untuk keluar dari hak akses Klik Link Tampil Keranjang untuk menuju halaman HU05 - Klik Link Kategori untuk menuju halaman HU06 - Klik Selengkapnya untuk menuju halaman HU07 - Klik Chating untuk bicara dengan pengelola - Klik Konfirmasi Pembayaran untuk menuju HU12

-Klik Cari untuk pencarian barang Selamat Datang User Edit Account Keluar Keranjang Keterangan isi keranjang Tampil Keranjang Gambar Selengkapnya... Gambar Selengkapnya... Gambar Selengkapnya... Gambar Selengkapnya... Gambar Selengkapnya... Gambar Selengkapnya... Link kategori Selanjutnya Sebelumnya Konfirmasi Pembayaran Produk Terbaru Gambar Produk Terlaris Gambar Cari Cari

Gambar 3.36 Halaman Kategori (Member)

Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami

Costumer Service

Footer

Produk Terlaris Gambar

- Klik Beranda untuk menuju H01

- Klik Cara Pemesanan Untuk menuju Kategori untuk menuju H02 -Klik cara pemesanan untuk menuju H03 - Klik hubungi kami untuk menuju H04 - Klik Login untuk masuk ke manu sesuai dengan hak akses

- Klik Daftar untuk menuju halaman H05 - Klik Lupa Password untuk menuju H06 Kategori HU07 Logo Pembayaran Link kategori Keterangan : - Klik Beranda untuk menuju HU01

- Klik Cara Pemesanan Untuk menuju HU02 -Klik Hubungi Kami untuk menuju HU03 - Klik Link Edit Account untuk menuju halaman HU04 - Klik Link Keluar untuk keluar dari hak akses -Klik Link Tampil Keranjang untuk menuju halaman HU5 - Klik Link Kategori untuk menuju halaman HU06 - Klik Konfirmasi Pembayaran Untuk menuju halaman HU12 - Klik Tambah Keranjang untuk menambahkan barang kedalam keranjang belanja - Klik Cari untuk pencarian barang

-Klik Cari untuk pencarian barang Gambar Keterangan Link kategori Tambah keranjang Selamat Datang User Edit Account Keluar Keranjang Keterangan isi keranjang Tampil Keranjang Konfirmasi Pembayaran Produk Terbaru Gambar Cari Cari

Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami

Costumer Service

Footer

Keterangan : - Klik Beranda untuk menuju HU01

- Klik Cara Pemesanan Untuk menuju HU02 -Klik Hubungi Kami untuk menuju HU03 - Klik Link Edit Account untuk menuju halaman HU04 - Klik Link Keluar untuk keluar dari hak akses - Klik Link Kategori untuk menuju halaman HU06 - Klik Konfirmasi pembayaran untuk menuju halaman HU12 - Klik Lanjutkan untuk menuju halaman HU09 -Klik Cari untuk pencarian barang Kategori HU08 Logo Pembayaran Link kategori Selamat Datang User Edit Account Keluar Keranjang Keterangan isi keranjang Teks Konfirmasi Pembayaran Email Nama Lengkap Alamat Propinsi Kota Kode pos Telepon

Over Night Service Regular Service Jenis Pembayaran : Lanjutkan Produk Terbaru Gambar Produk Terlaris Gambar Cari Cari

Gambar 3.38 Halaman Isi Tujuan Pengiriman (Member)

Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami

Costumer Service

Footer

Keterangan :

- Klik Beranda untuk menuju HU01

- Klik Cara Pemesanan Untuk menuju HU02 -Klik Hubungi Kami untuk menuju HU03 - Klik Link Edit Account untuk menuju halaman HU04 - Klik Link Keluar untuk keluar dari hak akses - Klik Link Kategori untuk menuju halaman HU06 - Klik Konfirmasi Pembayaran untuk menuju halaman HU12 - Klik Selesai untuk menyelesaikan proses pesanan

-Klik Cari untuk pencarian barang Kategori HU09 Logo Pembayaran Link kategori Selamat Datang User Edit Account Keluar Keranjang Keterangan isi keranjang Teks

Rincian data pengiriman

Selesai Rincian Pesanan Konfirmasi Pembayaran Produk Terbaru Gambar Produk Terlaris Gambar Cari Cari

Gambar (Header)

Beranda Cara Pemesanan Hubungi Kami

Costumer Service

Footer

Keterangan :

- Klik Beranda untuk menuju HU01

- Klik Cara Pemesanan Untuk menuju HU02 -Klik Hubungi Kami untuk menuju HU03 - Klik Link Edit Account untuk menuju halaman HU04 - Klik Link Keluar untuk keluar dari hak akses - Klik Link Kategori untuk menuju halaman HU06 - Klik Konfirmasi untuk mengkonfirmasi pembayaran -Klik Cari untuk pencarian barang

Kategori HU12

Logo Pembayaran Link kategori Selamat Datang

User Edit Account

Keluar

Keranjang Keterangan isi

keranjang Teks

Konfirmasi

Pembayaran Pesanan yang belum dikonfirmasi : Konfirmasi Pembayaran : No Pesanan : Waktu Pembayaran : No Rekening : Nama Bank : Besar Pembayaran : Rp.

Konfirmasi

Produk Terbaru Gambar Produk Terlaris

Gambar Cari Cari

Gambar 3.40 Halaman Konfirmasi Pembayaran (Member)

Login Administrator

Username Password Lupa Password ?

Login

Keterangan :

- Klik Login untuk masuk dengan hak akses serta menuju halaman HA02

- Klik Lupa Password untuk menuju halaman HA14 HA01

Header

Teks Selamat datang Home

Logout Kelola Data Pengiriman Konfirmasi Pembayaran

Pesanan User Barang Kategori

HA02 Keterangan :

- Klik Home untuk menuju HA02

- Klik Kategori Untuk menuju HA03

-Klik Barang untuk menuju HA04 - Klik User untuk menuju halaman HA05

- Klik Link Keluar untuk keluar dari hak akses

-Klik Pesanan untuk menuju halaman HA06

- Klik Konfirmasi Pembayaran untuk menuju halaman HA07 - Klik Kelola Data Pengiriman untuk menuju halaman HA08

Gambar 3.42 Halaman Depan (Pengurus)

Header

Home

Logout Kelola Data Pengiriman Konfirmasi Pembayaran

Pesanan User Barang Kategori

HA03 Keterangan :

- Klik Home untuk menuju HA02

- Klik Kategori Untuk menuju HA03

-Klik Barang untuk menuju HA04 - Klik User untuk menuju halaman HA05

- Klik Link Keluar untuk keluar dari hak akses

-Klik Pesanan untuk menuju halaman HA06

- Klik Konfirmasi Pembayaran untuk menuju halaman HA07 - Klik Kelola Data Pengiriman untuk menuju halaman HA08 - Klik Tambah Kategori untuk menuju halaman HA09 - Klik Edit untuk menuju halaman HA10

- Klik Hapus untuk menghapus data kategori Kelola Kategori Tambah Kategori Action Kategori No. Edit Hapus Edit Hapus Text kategori Text kategori 1 2

Header

Home

Logout Kelola Data Pengiriman Konfirmasi Pembayaran

Pesanan User Barang Kategori

HA09 Keterangan :

- Klik Home untuk menuju HA02

- Klik Kategori Untuk menuju HA03

-Klik Barang untuk menuju HA04 - Klik User untuk menuju halaman HA05

- Klik Link Keluar untuk keluar dari hak akses

-Klik Pesanan untuk menuju halaman HA06

- Klik Konfirmasi Pembayaran untuk menuju halaman HA07 - Klik Kelola Data Pengiriman untuk menuju halaman HA08 - Klik Simpan untuk menyimpan Kategori

- Klik Kembali untuk menuju halaman HA03

Tambah Kategori

Simpan

Nama Kategori :

Reset Kembali

Gambar 3.44 Halaman Tambah Kategori (Pengurus)

Header

Home

Logout Kelola Data Pengiriman Konfirmasi Pembayaran

Pesanan User Barang Kategori

HA10 Keterangan :

- Klik Home untuk menuju HA02

- Klik Kategori Untuk menuju HA03

-Klik Barang untuk menuju HA04 - Klik User untuk menuju halaman HA05

- Klik Link Keluar untuk keluar dari hak akses

-Klik Pesanan untuk menuju halaman HA06

- Klik Konfirmasi Pembayaran untuk menuju halaman HA07 - Klik Kelola Data Pengiriman untuk menuju halaman HA08 - Klik Simpan untuk menyimpan Kategori

- Klik Kembali untuk menuju halaman HA03

Edit Kategori

Simpan

Nama Kategori :

Reset Kembali

Header

Home

Logout Kelola Data Pengiriman Konfirmasi Pembayaran

Pesanan User Barang Kategori

HA04 Keterangan :

- Klik Home untuk menuju HA02

- Klik Kategori Untuk menuju HA03

-Klik Barang untuk menuju HA04 - Klik User untuk menuju halaman HA05

- Klik Link Keluar untuk keluar dari hak akses

-Klik Pesanan untuk menuju halaman HA06

- Klik Konfirmasi Pembayaran untuk menuju halaman HA07 - Klik Kelola Data Pengiriman untuk menuju halaman HA08 - Klik Tambah Barang untuk menuju halaman HA011 - Klik Edit untuk menuju halaman HA12

- Klik Hapus untuk menghapus data Barang Kelola Barang Tambah Barang Action Kategori No. Edit Hapus Text kategori 1 Gambar Jenis Bahan Gambar Text Jenis

Gambar 3.46 Halaman Kelola Barang (Pengurus)

Header

Home

Logout Kelola Data Pengiriman Konfirmasi Pembayaran

Pesanan User Barang Kategori

HA11 Keterangan :

- Klik Home untuk menuju HA02

- Klik Kategori Untuk menuju HA03

-Klik Barang untuk menuju HA04 - Klik User untuk menuju halaman HA05

- Klik Link Keluar untuk keluar dari hak akses

-Klik Pesanan untuk menuju halaman HA06

- Klik Konfirmasi Pembayaran untuk menuju halaman HA07 - Klik Kelola Data Pengiriman untuk menuju halaman HA08 - Klik Simpan untuk menyimpan Barang

- Klik Kembali untuk menuju halaman HA04

Tambah Barang

Simpan

Nama Barang :

Reset Kembali

Harga : Jenis Bahan Kategori Gambar

Header

Home

Logout Kelola Data Pengiriman Konfirmasi Pembayaran

Pesanan User Barang Kategori

HA12 Keterangan :

- Klik Home untuk menuju HA02

- Klik Kategori Untuk menuju HA03

-Klik Barang untuk menuju HA04 - Klik User untuk menuju halaman HA05

- Klik Link Keluar untuk keluar dari hak akses

-Klik Pesanan untuk menuju halaman HA06

- Klik Konfirmasi Pembayaran untuk menuju halaman HA07 - Klik Kelola Data Pengiriman untuk menuju halaman HA08 - Klik Simpan untuk menyimpan Barang

- Klik Kembali untuk menuju halaman HA04

Edit Barang

Simpan

Nama Barang :

Reset Kembali

Harga : Jenis Bahan Kategori Gambar

Gambar 3.48 Halaman Edit Barang (Pengurus)

Header

Home

Logout Kelola Data Pengiriman Konfirmasi Pembayaran

Pesanan User Barang Kategori

HA05 Keterangan :

- Klik Home untuk menuju HA02

- Klik Kategori Untuk menuju HA03

-Klik Barang untuk menuju HA04 - Klik User untuk menuju halaman HA05

- Klik Link Keluar untuk keluar dari hak akses

-Klik Pesanan untuk menuju halaman HA06

- Klik Konfirmasi Pembayaran untuk menuju halaman HA07 - Klik Kelola Data Pengiriman untuk menuju halaman HA08 Kelola User Alamat Nama No. Text nama 1 Email Username Text email

Text Jenis Text Alamat

Header

Home

Logout Kelola Data Pengiriman Konfirmasi Pembayaran

Pesanan User Barang Kategori

HA06 Keterangan :

- Klik Home untuk menuju HA02

- Klik Kategori Untuk menuju HA03

-Klik Barang untuk menuju HA04 - Klik User untuk menuju halaman HA05

- Klik Link Keluar untuk keluar dari hak akses

-Klik Pesanan untuk menuju halaman HA06

- Klik Konfirmasi Pembayaran untuk menuju halaman HA07 - Klik Kelola Data Pengiriman untuk menuju halaman HA08 Kelola Pesanan Status Waktu pesan No. TextWaktu 1 Nama No. Pesanan Text nama

Text no pesan Text Alamat

Gambar 3.50 Halaman Kelola Pesanan (Pengurus)

Header

Home

Logout Kelola Data Pengiriman Konfirmasi Pembayaran

Pesanan User Barang Kategori

HA07 Keterangan :

- Klik Home untuk menuju HA02

- Klik Kategori Untuk menuju HA03

-Klik Barang untuk menuju HA04 - Klik User untuk menuju halaman HA05

- Klik Link Keluar untuk keluar dari hak akses

-Klik Pesanan untuk menuju halaman HA06

- Klik Konfirmasi Pembayaran untuk menuju halaman HA07 - Klik Kelola Data Pengiriman untuk menuju halaman HA08 Kelola data pembayaran

Status Waktu bayar No. TextWaktu 1 Nama No. Pesanan Text nama

Text no pesan Text Alamat

Header

Home

Logout Kelola Data Pengiriman Konfirmasi Pembayaran

Pesanan User Barang Kategori

HA08 Keterangan :

- Klik Home untuk menuju HA02

- Klik Kategori Untuk menuju HA03

-Klik Barang untuk menuju HA04 - Klik User untuk menuju halaman HA05

- Klik Link Keluar untuk keluar dari hak akses

-Klik Pesanan untuk menuju halaman HA06

- Klik Konfirmasi Pembayaran untuk menuju halaman HA07 - Klik Kelola Data Pengiriman untuk menuju halaman HA08 - Klik Konfirmasi untuk menuju halaman HA13

Kelola data Pengiriman

Action Status bayar No. TextWaktu 1 Nama No. Pesanan Text nama

Text no pesan Konfirmasi

Gambar 3.52 Halaman Kelola Data Pengiriman (Pengurus)

Header

Home

Logout Kelola Data Pengiriman Konfirmasi Pembayaran

Pesanan User Barang Kategori

HA13 Keterangan :

- Klik Home untuk menuju HA02

- Klik Kategori Untuk menuju HA03

-Klik Barang untuk menuju HA04 - Klik User untuk menuju halaman HA05

- Klik Link Keluar untuk keluar dari hak akses

-Klik Pesanan untuk menuju halaman HA06

- Klik Konfirmasi Pembayaran untuk menuju halaman HA07 - Klik Kelola Data Pengiriman untuk menuju halaman HA08 - Klik Kirim konfirmasi untuk mengirim email resi pengiriman Kirim Konfirmasi

No. Resi Pengiriman

Kirim Konfirmasi

3.4.2.1Perancangan Pesan

C06

C07 C08

Username sudah terdaftar, coba daftar dengan username yang lain.

Email sudah terdaftar, coba daftar dengan email yang lain.

Password dan Konfirmasi Tidak Cocok! C05

Maaf, Anda Salah Memasukkan Kode Verifikasi C04

Anda Telah Terverifikasi, Silahkan Login !

C10

Konfirmasi permintaan password baru telah terkirim ke email Anda, silahkan cek email Anda.

C09

Username dan Password tidak cocok

C11

Username tidak terdaftar

C12

Terima Kasih, pemesanan Anda akan segera kami proses. Silahkan cek email anda untuk

melihat rincian belanja. C01

Harus diisi

C02

Password harus diisi

C03

Password tidak cocok

C13

Password Telah Berhasil Diupdate

C14

Gagal, nomor ukuran sudah tersedia. C15

Gambar gagal disimpan, format gambar yang didukung adalah JPG, PNG dan GIF.

C16

Barang berhasil disimpan

C17

Account telah berhasil diganti C18

Hasil pencarian kosong.

C19

Tidak ada barang di keranjang C20

Terima kasih telah menghubungi kami, komentar Anda akan segera kami tanggapi.

C21

Gagal disimpan. Nama Barang Tidak Boleh Sama.

C22

Gagal mengirim, pastikan email Anda valid.

C23

Barang Berhasil DiUpdate.

C24

Saat ini tidak ada barang di kategori ini.

C25

Gagal Disimpan. Kategori Tidak Boleh Sama. C26

Kategori berhasil disimpan. C27

Username dan password Salah.

C28

Email Tidak Ada dalam Database. C29

No. Pesanan masih kosong. Silahkan klik Konfirmasi pada setiap pesanan

C30

Verifikasi Password Telah Dikirim Ke Email.

C31

Pesanan ini sudah dibayar. C32

Waktu pembayaran Tidak Valid. C33

Pengelola berhasil disimpan.

C34

Pengelola Telah Berhasil Dirubah.

C35 C36

Besar pembayaran Tidak Valid.

C37 C38

Pembayaran berhasil dikonfirmasi.

C39

Besar pembayaran dan waktu

pembayaran Tidak Valid. Tidak ada pesanan yang harus dikonfirmasi Email tidak terdaftar.

3.4.2.1.1 Jaringan Semantik

a. Jaringan semantik interface pengunjung

H03

H02

H04

H05

H06

H01

H0 7

C01, C02, C03, C04, C05, C06, C07, C08

C10, C39

Gambar 3.55 Semantik interface pengunjung

b. Jaringan Semantik Interface Member

HU03

HU02

HU₀₄

HU₀₅

HU06

HU01

HU07

HU08

H U

0

9

HU12

C01, C02, C03, C04, C05, C06, C07, C08

C12

C29, C31, C32, C35, C36, C37, C38

c. Jaringan Semantik Pengurus

HA03

HA02

HA04

HA05

HA06

HA01

HA07

C10, C39 C11, C27

HA09

H A₁

0

C25, C26

C25, C26

C16, C21, C23

HA11

HA 12

C16, C21, C23

HA08 HA13

9

2.1 E-commerce

2.1.1 Pengertian E-commerce

E-commerce atau dalam bahasa Indonesia yaitu perdagangan elektronik

adalah penyebaran, pembelian, penjualan, pemasaran barang dan jasa melalui sistem elektronik seperti internet atau televisi, www, atau jaringan komputer lainnya. E-dagang dapat melibatkan transfer dana elektronik, pertukaran data elektronik, sistem manajemen inventori otomatis, dan sistem pengumpulan data otomatis.

E-commerce pertama kali diperkenalkan pada tahun 1994 pada saat pertama

kali banner-elektronik dipakai untuk tujuan promosi dan periklanan di suatu halaman-web (website). Menurut Riset Forrester, perdagangan elektronik menghasilkan penjualan seharga AS. $12,2 milyar pada 2003.

2.1.2 Elemen – Elemen E-commerce

1. Networking atau jaringan merupakan beberapa komputer yang saling

berhubungan dan saling tukar menukar informasi dan terkoneksi melalui sebuah kartu jaringan dan jalur komunikasi, yang terdiri dari jaringan local atau lebih dikenal dengan LAN dan jaringan internet yang banyak digunakan untuk jaringan LAN atau lokal terdapat

berbagai jenis jaringan seperti jaringan bus, token, star dan lain-lain yang cocok untuk digunakan,

2. Security (keamanan) Security atau keamanan merupakan bagian

penting, karena menyangkut masalah keamanan data Member dan juga keamanan server kita, masalah seperti enkripsi data pada saat transaksi memakai kartu kredit, aplikasi yang sudah banyak dipakai yaitu SSL (Secure Socet Layer).

3. Web programming dan web design Kedua masalah ini dalam

pelaksanaannya dapat dikerjakan oleh satu orang atau lebih, untuk

web programming dikhususkan dalam pembuatan bahasa

pemrograman. Untuk web design, khusus untuk mendesain halaman web atau peraturan gambar, warna maupun tata letak suatu web dari segi keindahan dan dinamis. Web programming biasanya menggunakan script server seperti PHP, ASP, CGI dan yang lainnya. Untuk designnya banyak software-software yang mendukung seperti Macromedia, photosop, Frontpage, Office publisher dan masih banyak lagi yang lainnya.

4. Business Online Maksud dari bussines online disini yaitu menyangkut

bagaimana cara pengolahan perusahaan mulai dari manajemen, administrasi keuangan dan lainnya, yang semua itu merupakan suatu strategi dalam menarik customer atau pelanggan untuk datang ke toko kita.

5. Online Payment merupakan metode pembayaran secara online. Pembayaran online yang sering digunakan oleh beberapa sistem

e-commerce yaitu menggunakan jasa pembayaran Paypal. Paypal

adalah salah satu alat pembayaran (Payment procesors) yang terbanyak digunakan dan teraman. Pengguna internet dapat membeli barang di ebay, lisensi software original, keanggotaan situs, urusan bisnis, mengirim dan menerima donasi/sumbangan, mengirim uang ke pengguna PayPal lain di seluruh dunia dan banyak fungsi lainnya dengan mudah dan otomatis menggunakan internet atau mobile. PayPal mengatasi kekurangan dalam pengiriman uang tradisional seperti Cek atau Money order yang prosesnya dapat memakan waktu lama.

6. Cyberlaw adalah hukum yang digunakan di dunia cyber (dunia

maya) yang umumnya diasosiasikan dengan internet. Cyberlaw

merupakan aspek hukum yang ruang lingkupnya meliputi setiap aspek yang berhubungan dengan orang perorangan atau subyek hokum yang menggunakan dan memanfaatkan teknologi internet yang dimulai

pada saat mulai online dan memasuki dunia cyber atau maya.

Cyberlaw sendiri merupakan istilah yang berasal dari Cyberspace

Law. Cyberlaw akan memainkan peranannya dalam dunia masa

depan, karena nyaris tidak ada lagi segi kehidupan yang tidak tersentuh oleh keajaiban teknologi dewasa ini dimana kita perlu sebuah perangkat aturan main didalamnya (virtual world).

2.2 Internet

2.2.1 Pengertian Internet

Pengertian internet (inter-network) dapat diartikan jaringan komputer luas yang menghubungkan pemakai komputer satu komputer dengan komputer lainnya dan dapat berhubungan dengan komputer dari suatu Negara ke Negara di seluruh dunia, dimana didalamnya terdapat berbagai aneka ragam informasi

Fasilitas layanan internet Browsing atau surfing yaitu kegiatan “berselancar” di

internet. Kegiatan ini dapat dianalogikan layaknya berjalan–jalan di mal sambil melihat–lihat ke toko-toko tanpa membeli apapun.

2.2.2 Layanan Aplikasi Di Internet

Terdapat banyak sekali layanan aplikasi di internet dan masih terus akan berkembang sejalan dengan perkembangan teknologi informasi, dalam laporan ini hanya akan dibahas beberapa contoh aplikasi yang banyak digunakan saja, diantaranya adalah:

1. Electronic mail (E-mail)

Email adalah pengiriman surat elektronik baik berupa teks maupun

gabungan dengan gambar yang dikirimkan dari satu alamat email ke alamat email lainnya dijaringan internet. Seperti layaknya surat biasa pada umumnya, email berfungsi untuk mengirimkan surat atau pesan kepada orang lain. Perbedaan email dengan surat biasa adalah email sudah tidak

MEMBANGUN SISTEM E-COMMERCE PADA TOKO

PICANTO

SKRIPSI

Diajukan untuk Menempuh Ujian Akhir Sarjana Program Strata Satu Jurusan Teknik Informatika

Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia

CATUR GESANG ISNAENI

10106026

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA

BANDUNG

137

BAB 5

BAB V

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan penelitian yang dilakukan oleh penulis mengenai analisis

perancangan dan implementasi website sistem e-commerce maka dapat ditarik

beberapa kesimpulan sebagai berikut :

1. Memudahkan konsumen memperoleh informasi mengenai spesifikasi

produk yang ditawarkan oleh toko Picanto.

2. Memudahkan toko Picanto dalam menawarkan atau menjual produknya

kepada konsumen yang berada di luar kota.

3. Konsumen yang berada di luar kota dapat mengetahui keberadaan toko

Picanto dengan menggunakan layanan e-commerce ini serta bisa memesan

tanpa harus datang ke toko.

4. Memudahkan konsumen dalam proses pembayaran karena terdapat

beberapa pilihan dalam proses pembayaran tersebut.

5. Dengan adanya sistem pengolahan atau manajemen data produk yang baik,

maka akan mendukung kinerja dari sistem tersebut.

5.2 Saran

Untuk lebih meningkatkan kinerja dari aplikasi website sistem e-commerce

ini penulis mengusulkan beberapa saran yang dapat dijadikan pertimbangan,

138

1. Website sistem ecommerce ini perlu mengalami perkembangan agar

website tersebut bisa lebih maksimal dalam mengolah data – data penjualan.

2. Website yang dibuat memerlukan perbaikan dari segi tampilan agar bisa

130

DAFTAR PUSTAKA

[1] Bahtiar, Agus. (2008), PHP Script Most Wanted, Andi, Yogyakarta.

[2] Hakim,Lukman, (2008), Membongkar Trik Rahasia Para Master PHP,

Lokomedia, Yogyakarta.

[3] Ilham Perdana, 2007, Hand Out Metodologi Penelitian, Petunjuk Tata Tulis Ilmiah, Universitas Komputer Indonesia, Bandung.

[4] Macam2 info, (03 Februari 2009), cara-daftar-paypal. http://blogfata.blogspot.com/2009/02/cara-daftar-paypal.html

[5] Pressman, Roger S, (2002), Rekayasa Perangkat Lunak, Andi Offset, Yogyakarta.

[6] Wahana Komputer, (2006), Apa & Bagaimana E-Commerce, Andi, Yogyakarta.

CURICULLUMVITAE DATA DIRI

Nama : Catur Gesang Isnaeni Tempat&Tanggal Lahir : Tangerang, 25 Januari 1988 Jenis Kelamin : Laki-Laki

Status : Belum Kawin Alamat : Permata Kopo

Blok D 49

Desa Sayati, Kecamatan Margahayu Kabupaten Bandung

Agama : Islam

Telepon : 085721777725

Alamat Email : caturgesangisnaeni@gmail.com

PENDIDIKAN FORMAL

1994 – 2000 : SDN Cikokol 1 Tangerang 2000 – 2003 : SMP Negeri 17 Tangerang 2003 – 2006 : SMA Angkasa Lanud Sulaiman

2006 – 2010 : Program Studi S1 Jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer

Universitas Komputer Indonesia PENGALAMAN ORGANISASI

2000 – 2003 : Organisasi Siswa Intra Sekolah (OSIS) 2003 – 2006 : -

2006 – Sekarang : - KEGIATAN YANG PERNAH DIIKUTI

2006

1. OLIMPUS UNIKOM

2. Ospek Jurusan Teknik Informatika 2008

1. Seminar Gigabyte Intel dan Microsoft Update

2009