BAB 3 ANALISIS DAN PERANCANGAN SISTEM

BAB 3 ANALISIS DAN PERANCANGAN SISTEM

3.1

Analisis Sistem Analisis sistem merupakan pengurai dari suatu sistem informasi yang utuh ke

dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatanhambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga diusulkan perbaikan-perbaikan. 3.2

Analisis Masalah Analisis permasalahan yang terjadi pada CV. SENTOSO ini yaitu

mempromosikan produk yang ditawarkan masih sangat sederhana dengan membagiakan brosur kepada konsumen sehingga perluasan pemasaran belum maksimal. Untuk pemesanan dan transaksi pun dilakukan secara langsung ditempat yang ditentukan. Untuk itu perlu adanya sistem yang harus dibangun untuk mengatasi permasalahan tersebut. 3.2.1

Analisis Sistem Yang Sedang Berjalan Prosedur adalah kumpulan dari proses dalam suatu sistem yang saling terkait

antara satu dengan yang lainnya untuk mencapai tujuan yang telah diterapkan. Sistem yang ada saat ini memiliki dua prosedur yaitu prosedur penjualan barang dan prosedur pembuatan laporan.

52

53

A. Prosedur Penjualan Barang Prosedur penjualan barang pada CV. SENTOSO saat ini terdiri dari beberapa urutan proses, sebagai berikut : 1. Customer memilih barang yang akan dibeli. Customer memberikan barang ke bag. penjualan. 2. Bag. penjualan menerima data barang, kemudian bag. penjualan mengecek ketersediaan barang tersebut. 3. Bag. penjualan memastikan apakah barang yang akan dibeli tersedia atau tidak. Apabila barang tersedia, maka bag. penjualan akan membuat nota rangkap dua. Rangkap pertama diserahkan ke customer, rangkap kedua diarsipkan, jika tidak tersedia maka daftar barang di kembalikan lagi ke customer. 4. Kemudian bag. penjualan mencatat data penjualan ke dalam buku penjualan/pemesanan. Diagram alir dokumen (Flowmap) prosedur penjualan dapat dilihat pada gambar 3-1 berikut :

54

Prosedur penjualan Barang Customer

Bag. Penjualan

Data barang yang akan dibeli

Data barang yang akan dibeli

Pengecekan ketersediaan barang

Data barang yang tidak tersedia

Data barang yang tidak tersedia

Tidak tersedia

Cek barang

tersedia

Data barang yang tersedia

Pembuatan nota penjualan

1 2

1 Nota penjualan/ pemesanan

Nota penjualan/ pemesanan

Pencatatan penjualan data 2 Nota penjualan/ pemesanan

Buku Penjualan/ pemesanan

A1 A2

Gambar 3-1 Prosedur Penjualan Barang

Keterangan : A1 : Arsip nota penjualan/pemesanan A2 : Arsip buku penjualan/pemesanan.

B. Prosedur Pemesanan Letter Posedur pemesana letter pada CV. SENTOSO saat ini melalui beberapa proses, sebagai berikut :

55

1. Bag. penjualan memberikan form letter kosong untuk menuliskan letter, ukuran dan warna handuk kepada customer. 2. Customer menuliskan letter, ukuran, warna dan jumlah handuk letter yang akan dipesan. Kemudian form letter isi diberikan ke bag. penjualan. Selain datang langsung customer juga dapat melakukan pemesanan via telepon, dengan mengirimkan letter, ukuran, warna dan jumlah handuk letter yang akan dipesan melalui Fax yang langsung di terima oleh Bag. Penjualan. 3. Bag. Penjualan akan membuat nota rangkap dua dimana tertera tanggal jadinya barang pesanan yang dilihat dari jumlah pemesanan handuk letter pada hari yang sama, dalam 1 hari perusahaan dapat memproduksi handuk letter 90 potong. Customer dapat memilih apakan akan dibayar tunai atau uang muka terlebih dahulu. Jika pembayaran dengan uang muka customer akan diminta untuk menyerahkan foto copy KTP atau membuatan perjanjian tertulis. Yang kemudian akan diarsipkan di data perjanjian. Nota rangkap pertama diserahkan ke customer dan rangkap kedua diarsipkan. 4. Bag.

penjualan

mencatat

data

pemesanan

ke

dalam

buku

penjualan/pemesanan dan menyimpan pembayaran pada arsip pembayaran. 5. Form letter isi diberikan ke Bag. Gudang untuk pembuatan pesanan. Setelah pesanan jadi form letter isi diberikan kembali ke Bag. Penjualan untuk diarsipkan.

56

Pemesanan Letter Customer

Bag. Penjualan

Form letter kosong

Bag. Produksi

Form letter kosong

isi

Form letter isi

Form letter isi

Pencatatan nota pemesanan

Total yang harus dibayar

Total yang harus dibayar 2 1 Nota penjualan/pemesanan

Pemilihan pembayaran

Lunas?

Ya

Lunas Lunas 2

Tidak

1 Nota penjualan/pemesanan


A1

Form letter isi

Uang Muka

Pencatatan pemesanan data

Pembuatan perjanjian

Lunas

A4

Form letter isi Fotocopy KTP/ Surat perjanjian

Uang Muka Fotocopy KTP/Surat perjanjian 2


Form letter isi

Buku Penjualan/ Pemesanan

Pengerjaan pemesanan

A2


A1

Form letter isi Form letter isi

Form letter isi

Pencatatan pemesnan data A3

Uang Muka Fotocopy KTP/Surat perjanjian A4

Form letter isi Buku Penjualan/ Pemesanan

A5

Form letter isi

A2

Pengerjaan pemesanan

Form letter isi

A3

Gambar 3-2 Prosedur Pemesanan Letter

Keterangan : A1 : Arsip nota penjualan/pemesanan A2 : Arsip buku penjualan/pemesanan. A3 : Arsip data pesanan letter A4 : Buku pembayaran A5 : Arsip data perjanjian

Form letter isi

57

C. Prosedur Pembuata Laporan Prosedur rekapitulasi penjualan bulanan yang sedang berjalan di CV. SENTOSO adalah sebagai berikut : 1. Bag.

penjualan

membuat

laporan

penjualan

dari

buku

penjualan/pemesanan yang diarsipkan. 2. Pemilik instansi menerima laporan penjualan dari Bag. Penjualan. 3. Laporan tersebut dicek dan disahkan oleh pemilik instansi kemudian ditandatangani. 4. Laporan yang telah ditandatangani lalu diarsipkan oleh Bag. Penjualan Flowmap dari prosedur pembuatan laporan dapat dilihat pada Gambar 3-3. Prosedur Pembuatan Laporan Bag. Penjualan

Pemilik Instansi

A2

Proses Pembuatan laporan

Laporan Penjualan

Laporan penjualan

pengesahan

Laporan penjualan yang telah di tandatangani

Laporan penjualan yang telah di tandatangani

A6

Gambar 3-3 Prosedur Pembuatan Laporan

Keterangan : A2 : Arsip buku penjualan/pemesanan. A6 : Arsip buku laporan

58

3.2.2

Analisis Estimasi Pemesanan Produk Pemesanan produk pada CV. SENTOSO dibagi menjadi dua yaitu, produk

produksi dan non produksi. Produk non produksi seperti sajadah, mukena dan sarung sedangkan produk yang diproduksi seperti Handuk letter, Ikhrom dan kimono. Analisis kasus yang dilakukan yaitu pada proses estimasi penentuan tanggal selesai dari sebuah pemesanan produk produksi. Penentuan tanggal ini dipengaruhi oleh beberapa faktor, yaitu : 1. Jenis produk yang dipesan 2. Jumlah produk yang dipesan 3. Total produksi dalam 1 hari 4. Batas produksi dalam 1 hari Adapun batasannya adalah jumlah pemesanan maksimum untuk setiap jenis adalah 1000 potong. Jumlah ini disesuaikan berdasarkan batas produksi perharinya dan untuk menghindari pengerjaan yang terlalu lama. Estimasi pemesanan akan dilakukan ketika terjadi pemesanan dan telah ditentukan jenis dan jumlah pemesanan. Adapun langkah-langkah estimasi pemesanan akan dijelaskan sebagai berikut : A. Lihat jenis produk yang dipesan, ini menentukan batas produksi dalam 1 hari. B. Cek jumlah pesanan yang sedang diproduksi hari ini. Batas produksi dikurangi jumlah pesanan yang sedang di produksi, akan menghasilkan batas produksi pada hari ini.

59

C. Lama pengerjaan dilihat dari jumlah pesanan dibagi batas produksi. D. Jika jumlah pesanan kurang dari batas produksi, maka selesai produksi sama dengan lama pengerjaan, dan jika jumlah pesanan lebih dari batas produksi, maka selesai produksi sama dengan lama pengerjaan ditambah 1. E. Hitung tanggal selesai produksi dengan menambahkan tanggal pemesanan dengan lama pengerjaan. Tanggal selesai produksi akan dicantumkan ketika pelanggan telah melakukan pembayaran. F. Pesanan akan mulai dikerjakan 1 hari setelah melakukan pembayaran. Ini dilakukan agar tidak terjadi kesalahan dalam perhitungan tanggal selesai. A. Analisis Estimasi Pemesanan Berikut ini adalah contoh analisis estimasi pemesanan, jika diketahui : 1. Batas produksi dalam 1 untuk handuk letter adalah 90 potong sedangkan untuk ikhrom dan kimono adalah 50 per jenis. 2. Jika jumlah pemesanan melebihi batas produksi dan atau melebihi total produksi hari ini maka, pesanan akan diproses dihari berikutnya. Sebagai contoh, berikut adalah list pesanan yang masuk pada tanggal 1 Agustus 2011 yang dapat dilihat pada tabel 3.1. Tabel 3-1 List Pemesanan

No. Pemesanan 1

Tanggal

Jenis Pesanan

Qty

1 Agustus 2011

2

1 Agustus 2011

3

1 Agustus 2011

Handuk Letter Handuk Letter Ikhrom Kimono Handuk Letter

70 80 40 70 60

Jumlah pesanan 70 190 120

60

4

1 Agustus 2011

Kimono Handuk Letter Ikhrom

60 90 60

150

Langkah – langkah dalam melakukan perhitungan estimasi pemesanan yaitu sebagai berikut : 1. No. Pemesanan 1 Tanggal pemesanan

: 1 Agustus 2011

Jenis Pesanan

: Handuk Letter (70 potong)

Perhitungan untuk menentukan tanggal selesainya dapat dilihat pada tabel 3.2. a. Jenis Handuk Letter Kondisi proses produksi untuk jenis Handuk Letter dapat dilihat pada tabel 3-2. Tabel 3-2 Estimasi No. Pemesanan 1

No. Pemesanan

1

1

2 70

Jumlah Produksi

70

Tanggal 3 4

5

6

Sehingga didapatkan tanggal selesai produksi untuk No. pemesanan 1 jenis handuk letter adalah pada tanggal 2 Agustus 2011. 2. No. Pemesanan 2 Tanggal pemesanan

: 1 Agustus 2011

Jenis Pesanan

: - Handuk Letter (80 potong) -

Ikhrom (40 potong)

61

-

Kimono (70 potong)

a. Jenis Handuk Letter Perhitungan untuk menentukan tanggal selesainya dapat dilihat pada tabel 3-3. Tabel 3-3 Estimasi No. Pemesanan 2

No. Pemesanan

1

1 2

2 70 20

Jumlah Produksi

90

Tanggal 3 4

5

6

60

60

Sehingga didapatkan tanggal selesai produksi untuk No. pemesanan 2 jenis handuk letter adalah pada tanggal 3 Agustus 2011. b. Jenis Ikhrom Perhitungan untuk menentukan tanggal selesainya dapat dilihat pada tabel 3-4. Tabel 3-4 Estimasi No. Pemesanan 2

No. Pemesanan

Tanggal 1

2

2 40

Jumlah Produksi

40

3

4

5

6

Sehingga didapatkan tanggal selesai produksi untuk No. pemesanan 2 jenis ikhrom adalah pada tanggal 2 Agustus 2011. c. Jenis Kimono Perhitungan untuk menentukan tanggal selesainya dapat dilihat pada tabel 3-5.

62

Tabel 3-5 Estimasi No. Pemesanan 2

Tanggal

No. Pemesanan 2

1

2 50

3 20

Jumlah Produksi

50

20

4

5

6

Sehingga didapatkan tanggal selesai produksi untuk No. pemesanan 2 jenis kimono adalah pada tanggal 3 Agustus 2011. Berdasarkan hasil perhitungan maka, didapat tanggal penyelesaian produksi untuk No. Pemesanan 2 yaitu pada tanggal 3 Agustus 2011 dilihat dari proses penyelesaian terlama yaitu handuk letter dan kimono. 3. No. Pemesanan 3 Tanggal pemesanan

: 1 Agustus 2011

Jenis Pesanan


Kimono (30 potong)


No. Pemesanan 1 2 3 Jumlah Produksi

1

2 70 20

90

Tanggal 3 4 60 30

30

90

30

5

6

Sehingga didapatkan tanggal selesai produksi untuk No. pemesanan 3 jenis handuk letter adalah pada tanggal 4 Agustus 2011.

63

b. Jenis Kimono Perhitungan untuk menentukan tanggal selesainya dapat dilihat pada tabel 3-7. Tabel 3-7 Estimasi No. Pemesanan 3

Tanggal

No. Pemesanan

1

2 50

2 3 Jumlah Produksi

3 20 30 50

50

4

5

6

30 30

Sehingga didapatkan tanggal selesai produksi untuk No. pemesanan 3 jenis kimono adalah pada tanggal 4 Agustus 2011. Berdasarkan hasil perhitungan maka, didapat tanggal penyelesaian produksi untuk No. Pemesanan 3 yaitu pada tanggal 4 Agustus 2011 dimana kedua jenis pesanan selesai pada tanggal yang sama. 4. No. Pemesanan 4 Tanggal pemesanan

: 1 Agustus 2011

Jenis Pesanan


Ikhrom (60 potong)


No. Pemesanan 1 2 3 4

1

2 70 20

Tanggal 3 4 60 30

30 60

5

30

6

64

90

Jumlah Produksi

90

90

30

Sehingga didapatkan tanggal selesai produksi untuk No. pemesanan 4 jenis handuk letter adalah pada tanggal 5 Agustus 2011. b. Jenis Ikhrom Perhitungan untuk menentukan tanggal selesainya dapat dilihat pada tabel 3-9. Tabel 3-9 Estimasi No. Pemesanan 4

No. Pemesanan 2 4 Jumlah Produksi

Tanggal 1

2 40 10 40

3

4

5

6

50 50

Sehingga didapatkan tanggal selesai produksi untuk No. pemesanan 4 jenis ikhrom adalah pada tanggal 3 Agustus 2011. Berdasarkan hasil perhitungan maka, didapat tanggal penyelesaian produksi untuk No. Pemesanan 4 yaitu pada tanggal 5 Agustus 2011 dilihat dari proses penyelesaian terlama yaitu handuk letter. 3.2.3

Analisis Basis Data Basis data atau yang sering disebut database merupakan salah satu

komponen penting dalam sistem informasi yang terkomputerisasi, karena berfungsi sebagat basis penyedia informasi bagi pemakainya. Basis data juga diibaratkan sebagai sebuah tempat atau wadah dimana didalamnya terdapat kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan (redudansi) yang tidak perlu untuk memenuhi berbagai kebutuhan.

65

B. Entity Relationship Diagram (ERD) Komponen utama pembentukan Entity Relationship Diagram atau biasa disebut diagram E-R yaitu Entity (entitas) dan Relation (relasi) sehingga dalam hal ini diagram ER merupakan komponen-komponen himpunan entitas dan himpunan relasi yang dideskripsikan lebih jauh melalui sejumlah atribut-atribut (property) yang menggambarkan seluruh fakta dari sistem yang ditinjau. Adapun diagram Entity Relationship (E-R) dari database sistem penjualan yang akan dibangun dapat digambarkan sebagai berikut : k omentar

k urs

k omentar_id k omentar_k eterangan k omentar_tanggal k omentar_s tatus

memiliki

pelanggan

prov ins i

memiliki

memiliki

pelanggan_id pelanggan_nama_lengk ap pelanggan_email pelanggan_username pelanggan_pas s word pelanggan_alamat pelanggan_k ode_pos pelanggan_telepon pelanggan_hp pelanggan_tanggal_ak tif pelanggan_s tatus

k ota k ota_id k ota_nama

id_warna warna_nama

pemesanan

menuliskan

prov ins i_id Prov ins i_nama

warna letter

k urs _k ode k urs _nominal

mempunyai

memesan

pemesanan_id pemesanan_id_transak si pemesanan_status _pes an pemesanan_status _bay ar pemesanan_tgl_pes an pemesanan_tgl_konfirmas i pemesanan_tgl_bay ar pemesanan_tgl_kirim pemesanan_tgl_terima pemesanan_penerima pemesanan_alamat_penerima pemesanan_email_penerima pemesanan_telepon pemesanan_bank pemesanan_no_ac c ount pemesanan_keterangan pemesanan_nilai_trans fer

memiliki

barang

memesan

memiliki

barang_id barang_kode barang_nama barang_warna barag_harga barang_dis k on barang_berat barang_keterangan barang_stok barang_sis a_s tok barang_gambar s tatus

ukurran_letter memiliki

ukuran_id ukuran harga_letter memiliki

k ategori k ategri_id Kategori_nama memiliki

jenis memiliki mengelola

petugas petugas _id petugas _us ername petugas _pas sword petugas _email petugas _telepon petugas _hp petugas _alamat petugas _status

retur

mengelola

retur_id retur_tanggal retur_ak si

mengelola

detail_pemes anan

jenis _id jenis _nama

detail_barang_id detail_barang_harga detail_barang_jumlah detail_barang_s es s ion letter

memiliki

memiliki

mengelola

mengelola

jasa_pengiriman memiliki

jasa_id jasa_pengiriman_id detail_jas a_biay a1

detail_retur memiliki

retur_k eterangan retur_jumlah

Gambar 3-4 Entity Relationship Diagram

3.2.4

Analisis Kebutuhan Non Fungsional Analisa kebutuhan non fungsional menggambarkan keadaan sistem yang

ada di CV. SENTOSO, diantaranya analisis perangkat keras, analisis perangkat

66

lunak serta analisis pemakai sebagai bahan analisis kekurangan dan kebutuhan yang harus dipenuhi dalam perancangan sistem yang akan diterapkan. C. Analisis Pemakai Sistem yang akan dibangun ini digunakan oleh dua jenis pengguna utama yaitu admin dan customer. Admin dapat melakukan pengelolaan terhadap aplikasi ini seperti tambah data, hapus data, edit data dan dapat melakukan rekapitulasi penjualan, sedangkan customer hanya dapat melakukan pemesanan barang dan melihat transaksi yang telah dilakukan oleh customer. Tabel 3-10 Karakteristik Pengguna Tanggung

Pengguna

jawab

Hak akses

Tingkat

Tingkat

Pendidikan

Keterampilan

Pengalaman

Jenis Pelatihan

Melakukan

Mengelola data yang Admin

terdapat dalam aplikasi

pengolahan

Menguasai

data barang,

komputer,

data member,

mengerti cara

data transaksi

Minimal

penggunaan

penjualan dan

SMA

untuk web,

dapat

dan dapat

membuat

menggunakan

laporan

internet

Bisa mengoperasikan komputer

Cara mengoperasikan aplikasi dalam komputer

penjualan Melakukan

Customer

pemesanan,

Menggunakan

mengubah

komputer dan

Pernah

dapat

melakukan

menggunakan

transaksi

transaksi yang

internet untuk

pembelian

sudah pernah

browsing

Melakukan

data pribadi,

pemesanan

melihat

Apa saja

-

dilakukan Pengunjung

-

Hanya dapat melihat

Apa saja

Menggunakan komputer dan

-

-

67

katalog

dapat

barang yang

menggunakan

tersedia

internet untuk browsing

D. Analisis Perangkat Keras (Hardware) Analisis perangkat keras (hardware) merupakan proses analisis yang lebih menekankan kepada aspek pemanfaatan perangkat keras yang selama ini telah dimiliki CV. SENTOSO. Adapun spesifikasi perangkat keras komputer yang ada di CV. SENTOSO adalah sebagai berikut : Tabel 3-11 Perangkat Keras

Perangkat Keras Processor RAM Harddisk Monitor VGA Koneksi Internet

Spesifikasi (Min) Kecepatan 1GHz 128Mb 20Gb Resolution 1024 x 768 32Mb 64 Kbps

Setelah dilakukan analisis terhadap perangkat keras dimiliki oleh CV. SENTOSO sudah layak dan dapat mendukung sistem e-commerce yang akan dibangun, perlu adanya akses internet agar transaksi dapat berjalan maksimal karena dilakukan secara on-line serta memudahkan dalam pengolahan database yang disimpan di server dan printer standar untuk mencetak rekapitulasi penjualan.

68

E. Analisis Perangkat Lunak Sistem Operasi yang digunakan di CV. SENTOSO adalah Windows XP SP2 sehingga sudah sangat mencukupi untuk dapat menjalankan perangkat lunak yang akan dibangun. Adapun perangakat lunak yang dibutuhkan dalam pembangunan aplikasi ini adalah sebagai berikut : Tabel 3-12 Perangkat Lunak

No.

Perangkat Lunak

Keterangan

1

Windows XP

Sistem Operasi

2

Adobe Dreamweaver CS3

tool pembangun aplikasi

3

Adobe Photoshop CS2

desain grafis

4

MySQL

Basis data

5

Xampp Server 1.7.1

web server saat pembangunan Aplikasi

6

PHP

Bahasa pemrograman yang digunakan

7

Internet Explorer, Mozilla Firefox, Opera dan Google Chrome

web browser agar dapat mengakses aplikasi

8

PowerDesigner

Membuat analisis kebutuhan fungsional seperti ERD dan DFD

3.2.5

Analisis Pengkodean Kode merupakan penyajian dalam mengklasifikasikan data sehingga

mudah dalam proses pemasukan ke dalam sistem. Pengguna kode biasanya untuk mengidentifikasikan data, simbol kode biasanya digunakan pada hampir semua proses yang ada kaitanya dengan data. Sistem yang berjalan saat ini hanya menggunakan dua kode dan menggunakan format angka atau integer untuk kode berikut :

69

Format :YY-XX-000 3 digit nomor urut barang 2 digit jenis barang 2 digit kategori barang Contoh : HD LT 001 Dengan HD inisial Handuk, LT inisial Letter dan 001 inisian nomor urut barang. Keterangan : Tabel 3-13 Keterangan Analisis Pengkodean

Kode YY Keterangan (Kategori) Kategori HD

Handuk

IK

Ikhrom

KM

Kimono

MK

Mukena

SR

Sarung

SJ

Sajadah

3.2.6

Kode XX (Jenis)

Keterangan Jenis

LT

Letter

NL

Non Letter

KS

Kasar

HL

Halus

DW

Dewasa

AN

Anak

BR

Bordir

LV

LV

BT

Batik

TN

Tenun

MT

Motif

TN

Tenun

Analisis Kebutuhan Fungsional Kebutuhan fungsional merupakan tahap perancangan pola aliran informarmasi yang meliputi perancangan diagram konteks, dan aliran informasi yang di representasikan dengan menggunakan data flow diagram (DFD).

70

A. Diagram Konteks Hakekatnya sistem memiliki keterkaitan dengan sejumlah entitas, baik itu keterkaitan dengan entitas luar sistem maupun keterkaitan dengan entitas dalam sistem. Hubungan antara entitas dengan sistem penjualan ikrom dan handuk letter berbasisweb dapat digambarkan dengan diagram konteks berikut

registrasi

barang View cara belanja View cara bayar

Info registrasi barang Info cara belanja Info cara bayar

Pengunjung

Olah komentar provinsi kota barang Kategori, jenis bank Detail pemesanan pemesanan

Retur barang Reting barang Detail pemesanan pemesanan

Aplikasi E-Commerce pada CV. SENTOSO

Info retur barang Info reting barang Detail pemesanan pelanggan Info Password Info pemesanan login Info konfirmasi pembayaran Info komentar

Password login Jasa pengiriman, detail jasa pengiriman Transaksi pemesanan Retur barang Info olah komentar provinsi Kota barang bank Kategori, jenis Detail pemesanan pemesanan Info Password login

Info aktivasi akun registrasi Aktivasi akun registrasi status pembayaran pembayaran

Pelanggan

Password pelanggan login komentar Konfirmasi pembayaran

Web Mail

Jasa pengiriman, detail jasa pengiriman Status transaksi pemesanan Retur barang

Peypal

Gambar 3-5 Diagram Konteks Sistem Transaksi On-line SENTOSO

Petugas

71

B. Aliran Informasi Aliran informasi ini direpresentasikan dengan menggunakan Data Flow Diagram (DFD). Adapun aliran informasi ini dapat dilihat pada Gambar 3.6 hingga Gambar 3.23. Data Flow Diagram (DFD) untuk sistem transaksi onlines SENTOSO, diantaranya sebagai berikut : 1. Data Flow Diagram Level 0 Sistem Transaksi On-line SENTOSO 2. Data Flow Diagram Level 1 Proses 1.0. Login 3. Data Flow Diagram Level 1 Proses 2.0. Pendaftaran. 4. Data Flow Diagram Level 1 Proses 3.0. Pengolahan Data Pelanggan. 5. Data Flow Diagram Level 1 Proses 4.0. Pengolahan Data Petugas. 6. Data Flow Diagram Level 1 Proses 6.0. Pemesanan Barang. 7. Data Flow Diagram Level 1 Proses 7.0. Pengolahan Data Transaksi. 8. Data Flow Diagram Level 1 Proses 8.0. Pengolahan Pembayaran. 9. Data Flow Diagram Level 1 Proses 9.0. Komentar. 10. Data Flow Diagram Level 1 Proses 10.0. Retur. 11. Data Flow Diagram Level 1 Proses 11.0. Pengolahan Data Master 12. Data Flow Diagram Level 2 Proses 11.1. Pengolahan Barang 13. Data Flow Diagram Level 2 Proses 11.2. Pengolahan Jenis 14. Data Flow Diagram Level 2 Proses 11.3. Pengolahan Kategori 15. Data Flow Diagram Level 2 Proses 11.4. Pengolahan Provinsi 16. Data Flow Diagram Level 2 Proses 11.5. Pengolahan Kota 17. Data Flow Diagram Level 2 Proses 11.6. Pengolahan Data Pengiriman

72

Berikut Data Flow Diagram (DFD) untuk sistem transaksi onlines SENTOSO. 1. Data Flow Diagram Level 1 Sistem Transaksi On-line SENTOSO

we b m a il p ro v i n s i d a t a je n i s a k t iv a s i a k u n re g i s tra s i b a ra n g

j e n is

d a t a p ro v in s i

i n fo a k t iv a s i a k u n re g i s tra s i

b a ra n g d a t a

p ro v i n s i t in g g a l

k a t e g o ri 2 k ota

i n fo b a ra n g d i c a ri b a ra n g d i c a ri

k o t a ti n g g a n

p e n d a ft a ra n

re g is tra s i

p e n g u n ju n g

d a t a k a te g o ri

+

i n fo re g is tra s i

d a t a k o ta

4 o l a h p e tu g a s 11

p e n g o la h a n d a ta petugas

3 5

l o g in p e t u g a s v a l i d l o g in p e l a n g g a n v a li d

p e n g o la h a n d a ta pelangga n c a ri b a ra n g

k a t e g o ri j e n is

+

p ro v i n s i

petugas

o l a h p e la n g g a n

d a t a b a ra n g

k e l o l a p e la n g g a n

k ota

+

p e n g o la h a n d a ta m as ter

d a t a ja s a p e n g irim a n

j a s a p e n g i ri m a n

+

petugas d a t a p e la n g g a n

pelangga n

i n fo p e l a n g g a n

i n fo p e t u g a s

l o g in p e t u g a s v a l i d

pelangga n

d a t a p e tu g a s i n fo p e t u g a s d a t a d a t a p e tu g a s d a n p a s s wo rd p e t u g a s l o g in p e t u g a s

l o g in p e l a n g g a n pelangga n

c a ri b a ra n g

1

i n fo l o g in p e l a n g g a n in v a li d

petugas

j a s a p e n g i ri m a n

i n fo l o g in p e t u g a s i n v a l id i n fo c a ri

l o g in

b a ra n g

l o g in p e t u g a s v a l i d has il olah pem es ana n

+ i n fo k o m e n t a r 7 k om entar detai l pem es anan

p e n g o la h a n d a ta t ra n s a k s i

i n fo k o n f i rm a s i p e m b a y a ra n t ra n s a k s i p e m e s a n a n

a l a m a t k i ri m pem es an an

6

i n fo p e m e s a n a n

+

pem es an an b a ra n g

c hec k ou t pes ana n i n fo d e t a i l p e m e s a n a n

d a t a d e ta il p e m e s a n a n d a t a o la h p e m e s a n a n

+

i n fo re tu r

j e n is p e m b a y a ra n data pem es anan pem es an an d a t a p e m b a y a ra n 8

i n fo p e m b a y a ra n p e m b a y a ra n p e m e s a n a n i n fo p e m b a y a ra n d a t a re t u r b a ra n g p e s a n a n

9

pay p al

p e m b a y a ra n

p e n g o la h a n p e m b a y a ra n k o n f i rm a s i p e m b a y a ra n

+

k om entar

o l a h k o m e n ta r i n fo b a l a s k o m e n t a r

+

10

d a t a re t u r re tu r

d a t a k o m e n ta r re tu r

o l a h re t u r d a t a d e ta il _ re tu r

k om entar

+

d e t a i l_ re t u r

Gambar 3-6 DFD Level 1 Sistem Transaksi On-line SENTOSO

73

74

1. Data Flow Diagram Level 1 Proses 1.0. Login. [login petugas] pelang gan

petugas [info log in petug as invalid]

1.1 [data pelang gan] pelang gan

[login pelang gan]

verifikasi [login petugas valid]

[info log in pelangg an invalid] peng olahan data petugas verifikasi log in valid

petugas

[login petugas valid]

[data petugas]

peng olahan data pelang gan [login pelang gan valid]

[login petugas valid]

1.2 peng olahan data pelang gan

validasi peng olahan data transaksi

Gambar 3-7 DFD Level 1 Proses 1.0. Login

2. Data Flow Diagram Level 1 Proses 2.0. Pendaftaran [provinsi tinggal] 2.1 [kota tinggan]

[registrasi] input regisrtrasi data registrasi

pengunjung

registrasi input

pelanggan

2.2

[info registrasi]

aktivasi account data reg

[aktivasi akun registrasi] [info aktivasi akun registrasi]

web mail

Gambar 3-8 DFD Level 1 Proses 2.0. Pendaftaran

kota

provinsi

75

3. Data Flow Diagram Level 1 Proses 3.0. Pengolahan Data Pelanggan. 3.1

info password

ubah password

data password

ubah password

3.2 [pelanggan]

pelanggan

pelanggan

[olah pelanggan]

ubah pelanggan

ubah profil pelanggan

[info pelanggan] [login pelanggan valid] 3.3

pelanggan hapus

login hapus pelanggan hapus pelanggan

petugas [kelola pelanggan] 3.4 [login petugas valid] ubah status pelanggan

uabah status

login

ubah status

Gambar 3-9 DFD Level 1 Proses 3.0. Pengolahan Data Pelnggan

4. Data Flow Diagram Level 1 Proses 4.0. Pengolahan Data Petugas. [petug as]

4.1

valid tambah petugas tambah

[info petug as]

tambah petug as [login petugas valid] log in

petugas

[olah petugas] 4.2

ubah petugas

petugas ubah

[info petug as data] [data petugas dan password petug as]

valid ubah

Gambar 3-10 DFD Level 1 Proses 4.0. Pengolahan Data Petugas

petugas

76

5. Data Flow Diagram Level 1 Proses 6.0. Pemesanan Barang. 6.1 inf o tambah

tambah pesanan

pesanan tambah

tambah pesanan

6.2

pesanan hapus

[data pemesanan] [pemesanan]

pelanggan

hapus pesanan

hapus pesanan

inf o hapus [info pemesanan]

pemesanan 6.3

ubah letter

ubah letter

data pembayaran

inf o letter

6.4 [data detail pemesanan]

[check out pesanan] check out

detail pemesanan

[info det ail pemesanan]

6.5 [alamat kirim]

data pengiriman

alamat kirim

Gambar 3-11 DFD Level 1 Proses 6.0. Pemesanan Barang

6. Data Flow Diagram Level 1 Proses 7.0. Pengolahan Data Transaksi. 7.1 lihat data pemesanan

petugas

transaksi pesan

[transaksi pemesanan]

olah transaksi

pemesanan

[data olah pemesanan]

lihat

[login petugas valid] olah 7.2 login [hasil olah pemesanan]

olah transaksi transaksi olah

[jenis pembayaran]

pengolahan pembayaran

Gambar 3-12 DFD Level 1 Proses 7.0. Pengolahan Data Transaksi

77

7. Data Flow Diagram Level 1 Proses 8.0. Pengolahan Pembayaran. [jenis pembayaran]

8.1 paypal

pilih jenis pembayaran

pelanggan [pembayaran pemesanan]

[pembayaran]

transaksi bayar

8.2

[info pembayaran]

konfirmasi pembayaran

[konfirmasi pembayaran]

[info pembayaran]

pengolahan data transaksi petugas

[info konfirmasi pembayaran]

pemesanan

[data pembayaran]

Gambar 3-13 DFD Level 1 Proses 8.0. Pengolahan Pembayaran

8. Data Flow Diagram Level 1 Proses 9.0. Komentar. 9.2

[komentar]

tambah komentar

pelang gan komentar tambah komentar 9.1 komentar lihat lihat komentar

[info komentar]

data komentar [olah komentar]

petugas

9.3 data komentar

komentar balas balas komentar [info balas komentar]

[data komentar]

komentar

Gambar 3-14 DFD Level 1 Proses 9.0. Komentar

78

9. Data Flow Diagram Level 1 Proses 10.0. Retur pemesanan

[barang pesanan] detail_retur 10.1

[data detail_retur] data retur

membuat data retur

pelang gan [data retur]

retur [data retur] 10.2 staus retur ubah status retur [info retur] petugas

[olah retur]

Gambar 3-15 DFD Level 1 Proses 10.0 Retur

10. Data Flow Diagram Level 1 Proses 11.0. Pengolahan Data Master. jasa pengiriman

detail ja sa pengirim an

[ dat a ja sa pengiriman]

jasa

barang

[ det ail jasa]

kota

11.6

11.7

detail ja sa pengirim an

pengola han dat a pengirim an

+

[ barang dat a] ketegori 11.1

+

pengola han barang

[ dat a kot a] detail ja sa kirim

[ ja sa pengirim an]

11.5

pengola han kot a

[ barang]

jenis

+ 11.2

[ kot a] petugas

+

[ je nis] [ provinsi]

id provinsi 11.4 provin si [ dat a provinsi]

pengola han provin si

+

pengola han jenis

jenis

[ dat a je nis]

+ [ kat egori]

id kat egori 11.3 kategori pengola han ketegori

[ dat a kat egori]

+

Gambar 3-16 DFD Level 1 Proses 11.0. Pengolahan Data Master

79

11. Data Flow Diagram Level 2 Proses 11.1. Pengolahan Barang jenis

kategori

[ketegori] [jenis ]

11.1.1 tambah barang

tambah barang tambah barang

11.1.2

petugas

ubah barang ubah barang

[barang]

barang ubah barang

[barang data]

11.1.3

hapus barang hapus barang

hapus barang

Gambar 3-17 DFD Level 2 Proses 11.1. Pengolahan Barang

12. Data Flow Diagram Level 2 Proses 11.2. Pengolahan Jenis. kategori

[id kategori]

11.2.1 tambah jenis

tambah jenis tambah jenis

11.2.2 [jenis ]

ubah jenis

petugas

ubah jenis

ubah jenis [data jenis ]

11.2.3

hapus jenis

hapus jenis

hapus jenis

Gambar 3-18 DFD Level 2 Proses 11.2. Pengolahan Jenis

jenis

80

13. Data Flow Diagram Level 2 Proses 11.3. Pengolahan Kategori. 11.3.1 tambah kategori

tambah kategori tambah kategori

11.3.2 petugas [kategori]

ubah kategori

ubah kategori

ubah kategori

[data kategori]

kategori

11.3.3

hapus kategori

hapus kategori

hapus kategori

Gambar 3-19 DFD Level 2 Proses 11.3. Pengolahan Kategori

14. Data Flow Diagram Level 2 Proses 11.4. Pengolahan Provinsi 11.4.1 tambah provinsi

tambah provinsi tambah provinsi

11.4.2 ubah provinsi petugas

[provinsi]

ubah provinsi

ubah provinsi [data provinsi]

11.4.3 hapus provinsi

hapus provinsi

hapus provinsi

Gambar 3-20 DFD Level 2 Proses 11.4. Pengolahan Jenis

provinsi

81

15. Data Flow Diagram Level 2 Proses 11.5. Pengolahan Kota. provinsi

[id provinsi]

11.5.1 tambah kota tambah kota tambah kota

11.5.2 petugas

[kota]

ubah kota

ubah kota

ubah kota

[data kota]

kota

11.5.3 hapus kota

hapus kota

hapus kota

Gambar 3-21 DFD Level 2 Proses 11.5. Pengolahan Kota

16. Data Flow Diagram Level 2 Proses 11.6. Jasa Pengiriman. 11.7. 1 tambah pengirim an

tambah pengirim an tambah pengiriman

11.7. 2 ubah pengir im an petugas

ubah pengir im an [jasa pengir im an]

ubah pegir im an

jasa pengiriman [dat a jasa pengir im an]

11.7. 3

hapus pengir im an

hapus pengir im an

hapus pengir im an

Gambar 3-22 DFD Level 2 Proses 11.6. Pengolahan Data Pengiriman

82

C. Spesifikasi Proses Spesifikasi proses merupakan alat bantu (tools) sistem yang akan menjelaskan perilaku-perilaku proses yang ada dalam diagram aliran data. Berikut adalah spesifikasi proses dari Sistem Transaksi On-line SENTOSO. Tabel 3-14 Spesifikasi Proses

No 1

Proses No. Proses

Keterangan 1

Nama Proses

Login

Source

Petugas, Pelanggan

Input

Data Login

Output

Info login valid, Invalid Info password yang diminta Info email tidak terdaftar

Destination

Petugas, Pelanggan

Logika Proses

1. Pengguna (Petugas, Pelanggan) mengisi data login pada antarmuka login. 2. Apabila data login valid, sistem akan menampilkan halaman akun.jika tidak sesuai sistem akan menampilkan pesan kesalahan, dan pengguna diminta login kembali.

2

3

No. Proses

1.1

Nama Proses

Verifikasi

Source

Pelanggan

Input

Username

Output

Info login valid, invalid

Destination

Petugas, Pelanggan

Logika Proses

1. Pelanggan melakukan login 2. Sistem akan memverifikasi untuk kesesuaian data 3. Sistem akan menampilkan data valid atau invalid

No. Proses

1.2

Nama Proses

Validasi

Source

Pelanggan

Input

Username

Output

Info login valid, invalid

Destination

Pelanggan

Logika Proses

1. Pelanggan melakukan login

83

2. Sistem akan memberikan validasi untuk kesesuaian data 3. Sistem akan menampilkan data valid atau invalid 4

No. Proses

2

Nama Proses

Pendaftaran

Source

Pengunjung

Input

Data registrasi

Output

Info registrasi valid dan info registrasi invalid

Destination

Pengunjung

Logika Proses

1. Pengunjung memasukan data registrasi pada antarmuka registrasi. 2. Apabila data registrasi valid, sistem akan menampilkan pesan bahwa pendaftaran berhasil dan pengunjung dipersilahkan untuk login 3. Apabila data regristrasi invalid, maka sistem akan menampilkan pesan kesalahan maka pengunjung diminta untuk mengisi antarmuka registrasi kembali

5

6

No.Proses

2.1

Nama Proses

Input Registrasi

Source

Pengunjung

Input

Data registrasi

Output

Info registrasi valid dan info regitrasi invalid

Destination

Pengunjung

Logika Proses

1. Pengunjung mengisi data registrasi pada antarmuka regitrasi 2. Apabila registrasi valid maka akan menampilkan pesan data berhasil disimpan dan peringatan data telah dikirim ke email untuk aktivasi

No.Proses

2.2

Nama Proses

Aktivasi Account

Source

Pengunjung

Input

Data aktivasi

Output

Info data aktivasi valid, info data aktivasi invalid

Destination

Pengunjung

Logika Proses

1. Pengunjung membuka email dan lalu melakukan aktivasi account. 2. Apabila aktivasi valid maka akan muncul informasi valid dan pelanggan diperbolehkan untuk login.

7

No. Proses

3

Nama Proses

Pengolahan Data Pelanggan

Source

Pelanggan

84

8

9

Input

Data pelanggan

Output

Info data pelanggan

Destination

Pelanggan

Logika Proses

1. Pelanggan memilih menu pengolahan data pelanggan

No. Proses

3.1

Nama Proses

Ubah Password

Source

Pelanggan

Input

Data pasword pelanggan

Output

Info data password yang sudah diubah

Destination

Pelanggan

Logika Proses

1. Pelanggan memilih menu ubah password 2. Sistem akan menampilkan informasi pesan ubah password berhasil.

No. Proses

3.2

Nama Proses

Ubah Profil Pelanggan

Source

Pelanggan

Input

Data profil pelanggan

Output

Info data profil pelanggan yang diubah

Destination

Pelanggan

Logika Proses

1. Pelanggan memilih menu lihat profil, lalu akan melakukan edit profil. 2. Sistem akan menampilkan data profil pelanggan

10

No. Proses

3.3

Nama Proses

Hapus Pelanggan

Source

Petugas

Input

Data pelanggan

Output

Info pelanggan dihapus

Destination

Pelanggan

Logika Proses

1. Petugas memilih menu laporan member, lalu melakukan hapus pelanggan 2. sistem akan menghapus data pelanggan dari database

11

No. Proses

3.4

Nama Proses

Ubah Status Pelanggan

Source

Petugas

Input

Status pelanggan

Output

Status pelanggan diubah

Destination

Pelanggan

85

Logika Proses

1. Petugas memilih menu ubah status pelanggan menjadi aktif atau non aktif 2. sistem akan menampilkan status pelanggan yang telah diubah

12

No. Proses

4

Nama Proses

Pengolahan data petugas

Source

Petugas

Input

Data Petugas

Output

Info Data Petugas

Destination

Petugas

Logika Proses

1. Petugas memilih menu pengolahan data petugas 2. Petugas menambahkan data petugas yang diinginkan 3. Petugas dapat merubah status petugas apakah aktif atau tidak.

No. Proses

4.1

Nama Proses

Tambah Petugas

Source

Petugas

Input

Data petugas

Output

Info petugas

Destination

Petugas

Logika Proses

1. Petugas memilih menu tambah data petugas 2. Sistem akan menampilkan data petugas yang berhasil ditambahkan

14

No. Proses

4.2

15

Nama Proses

Ubah Petugas

Source

Petugas

Input

Data petugas

Output

Info petugas

Destination

Petugas

Logika Proses

1. Petugas memilih menu ubah data petugas 2. Sistem akan menampilkan data petugas yang telah diubah.

No. Proses

6

Nama Proses

Pemesanan Barang

Source

Pelanggan

Input

Data tambah pesanan

Output

Info tambah pesanan

Destination

Pelanggan

Logika Proses

1. Pelanggan memilih menu pesan barang 2. Sistem akan menampilkan data barang yang telah dipesan

13

16

86

3. Sistem akan menampilkan detail pesanan barang yang telah dipesan 17

No. Proses

6.1

Nama Proses

Tambah pesanan

Source

Pelanggan

Input

Data pesan

Output

Info pesan

Destination

Pelanggan

Logika Proses

1. Pelanggan memilih menu tambah pesanan yang disimpan di keranjang belanja 2. Sistem akan menampilkan data pesanan dari pelanggan

18

No. Proses

6.2

Nama Proses

Hapus pesanan

Source

Pelanggan

Input

Data pesananan

Output

Info pesananan

Destination

Pelanggan

Logika Proses

1. Pelanggan memilih menu hapus pesanan yang disimpan di keranjang belanja 2. Sistem akan menampilkan data pesanan dari pelanggan

19

20

No. Proses

6.3

Nama Proses

Ubah Letter

Source

Pelanggan

Input

Data pesananan letter

Output

Info perubahan letter

Destination

Pelanggan

Logika Proses

1. Pelanggan dapat mengubah letter yang dipesan 2. Sistem akan mengubah letter

No. Proses

6.4

Nama Proses

Check Out

Source

Pelanggan

Input

Check Out

Output

Detail pemesanan

Destination

Pelanggan

Logika Proses

1. Pelanggan memilih check out untuk selesai pemesanan 2. pelanggan dapat melihat detail pemesanan

21

No. Proses

6.5

Nama Proses

Data Pengiriman

87

22

23

24

25

Source

Pelanggan

Input

Alamat pengiriman

Output

info alamat yang dituju

Destination

Pelanggan

Logika Proses

1. Pelanggan memilih alamat pengiriman 2. Sistem akan mengyimpan alamat pengiriman

No. Proses

7

Nama Proses

Pengolahan transaksi

Source

Petugas

Input

Data lihat daftar pesanan, data lihat detail pesanan yang dipesan oleh pelanggan

Output

Info lihat daftar pesanan, info lihat detail pesanan yang dipesan oleh pelanggan

Destination

Petugas

Logika Proses

1. petugas melakukan login ke menu petugas 2. petugas mengelola data transaksi seperti daftar pesanan barang, data detail pesanan, yang dipesan oleh Pelanggan

No. Proses

7.1

Nama Proses

Lihat Data Pesanan

Source

petugas

Input

Data lihat daftar pesanan yang dipesan oleh Pelanggan

Output

Info lihat daftar pesanan yang dipesan oleh Pelanggan

Destination

petugas

Logika Proses

1. Petugas melihat data pesanan 2. Sistem akan menampilkan daftar pesanan sebelum diubah statusnya dan yang sudah diubah statusnya.

No. Proses

7.2

Nama Proses

Olah Transaksi

Source

Petugas

Input

Data lihat detail pesanan yang dipesan oleh Pelanggan

Output

Info lihat detail pesanan yang dipesan oleh Pelanggan

Destination

Petugas

Logika Proses

1. Petugas mengubah status transaksi 2. Sistem akan menampilkan status transaksi

No. Proses

8

Nama Proses

Pengolahan Pembayaran

Source

Pelanggan, Petugas

Input

Data Pembayaran

88

26

27

28

Output

Info data pembayaran

Destination

Data Pelanggan

Logika Proses

1. Pelanggan melakukan pembayaran 2. Petugas mengecek status pembayaran 3. Sistem memberikan informasi pembayaran kepada pelanggan 4. sistem memberikan informasi status pembayaran

No. Proses

8.1

Nama Proses

Pilih Jenis Pembayaran

Source

Pelanggan

Input

Data pilih jenis pembayaran

Output

Info pilih jenis pembayaran

Destination

pelanggan

Logika Proses

1. Pelanggan akan memilih jenis pembayaran untuk konfirmasi pembayaran.

No. Proses

8.2

Nama Proses

Konfirmasi pembayaran

Source

Pelanggan

Input

Data konfirmasi pembayaran

Output

Info Data konfirmasi pembayaran

Destination

Pelanggan

Logika Proses

1. Pelanggan akan melihat data konfirmasi pembayaran. 2. Sistem akan menampilkan status data konfirmasi pembayaran

No. Proses

9

Nama Proses

Komentar

Source

Pelanggan, Petugas

Input

Data lihat daftar komentar

Output

Info lihat daftar komentar Info ubah status komentar Info tambah data komentar

Destination

Pelanggan, petugas

Logika Proses

1. Pengunjung atau pelanggan mengisi antarmuka komentar 2. Sistem akan memberitahukan dalam bentuk pesan bahwa komentar yang dikirim akan diolah terlebih dahulu sebelum ditampilkan. 3. Sistem akan menampilkan data komentar yang telah dikirim oleh pengunjung atau pelanggan

29

No. Proses

9.1

Nama Proses

Tambah Komentar

Source

Pelanggan

89

Input

Data Komentar

Output

Data Komentar

Destination

Pelanggan

Logika Proses

1. pelanggan memilih menu komentar, lalu menuliskan komentar 2. sistem akan menyimpan data komentar

30

31

32

No. Proses

9.2

Nama Proses

Lihat komentar

Source

Petugas, Pelanggan

Input

Data lihat daftar komentar

Output

Info lihat daftar komentar Info ubah status komentar Info tambah data komentar

Destination

Petugas, Pelanggan

Logika Proses

1. Pelanggan mengisi antarmuka komentar pada sistem 2. Sistem akan menampilkan data komentar yang dikirim oleh pelanggan, dan yang sudah diolah oleh petugas

No. Proses

9.3

Nama Proses

Balas Komentar

Source

Petugas

Input

Data status komentar

Output Destination

Info daftar komentar Petugas

Logika Proses

1. Petugas membalas komentar 2. Sistem akan menampilkan data komentar yang dikirim oleh petugas

No. Proses

11

Nama Proses

Pengolahan data master

Source

Petugas

Input

Data jenis, data kategori, data barang, data provinsi, data kota, data bank, data jasa pengiriman, data kota pengiriman

Output

Info data jenis, Info data kategori, Info data barang, Info data provinsi, Info data kota, Info data bank, Info data jasa pengiriman, Info data kota pengiriman

Destination

petugas

Logika Proses

1. petugas memilih menu data master 2. Sistem akan menampilkan menu data master seperti : Data jenis, data kategori, data barang, data provinsi, data kota, data bank, data jasa pengiriman, data kota pengiriman 3. petugas kemudian mengolah data master tersebut.

90

33

34

35

36

37

No. Proses

11.1

Nama Proses

Pengolahan barang

Source

petugas

Input

Data barang

Output

Info data barang

Destination

petugas

Logika Proses

1. petugas memilih menu data barang 2. Sistem akan menampilkan daftar barang

No. Proses

11.1.1

Nama Proses

Tambah barang

Source

petugas

Input

Data barang

Output

Info data barang

Destination

petugas

Logika Proses

1. petugas memilih menu tambah barang 2. Sistem akan menampilkan pesan data berhasil.

No. Proses

11.1.2

Nama Proses

Ubah barang

Source

petugas

Input

Data barang

Output

Info data barang

Destination

petugas

Logika Proses

1. petugas memilih menu edit barang 2. Sistem akan menampilkan data barang yang berhasil diubah

No. Proses

11.1.3

Nama Proses

Hapus barang

Source

petugas

Input

Data barang

Output

Info data barang

Destination

petugas

Logika Proses

1. petugas memilih menu hapus barang 2. Sistem akan menampilkan pesan informasi data barang yang berhasil dihapus.

No. Proses

11.2

Nama Proses

Pengolahan jenis

Source

Petugas

Input

Data jenis barang

Output

Info data jenis barang

91

38

39

40

41

Destination

Petugas

Logika Proses

1. petugas memilih menu jenis barang 2. Sistem akan menampilkan daftar jenis barang

No. Proses

11.2.1

Nama Proses

tambah Jenis

Source

petugas

Input

Data jenis barang

Output


Destination

petugas

Logika Proses

1. petugas memilih menu tambah jenis barang 2. Sistem akan menampilkan daftar jenis barang yang berhasil ditambahkan

No. Proses

11.2.2

Nama Proses

Ubah Jenis

Source

petugas

Input

Data jenis barang

Output


Destination

petugas

Logika Proses

1. petugas memilih menu edit jenis barang 2. Sistem akan menampilkan daftar jenis barang yang berhasil diedit

No. Proses

11.2.3

Nama Proses

Hapus jenis barang

Source

petugas

Input

Data jenis barang

Output


Destination

petugas

Logika Proses

1. petugas memilih menu hapus jenis barang 2. Sistem akan menampilkan daftar jenis barang yang berhasil dihapus

No. Proses

11.3

Nama Proses

Pengolahan kategori

Source

petugas

Input

Data kategori barang

Output

Info data kategori barang

Destination

petugas

Logika Proses

1. petugas memilih menu kategori barang 2. Sistem akan menampilkan daftar kategori barang

92

42

43

44

45

46

No. Proses

11.3.1

Nama Proses

Tambah kategori

Source

petugas

Input


Output


Destination

petugas

Logika Proses

1. petugas memilih menu tambah kategori barang 2. Sistem akan menampilkan daftar kategori barang yang berhasil ditambahkan

No. Proses

11.3.2

Nama Proses

Ubah Kategori

Source

petugas

Input


Output


Destination

petugas

Logika Proses

1. petugas memilih menu edit kategori barang 2. Sistem akan menampilkan daftar kategori barang yang berhasil diedit

No. Proses

11.3.3

Nama Proses

Hapus kategori barang

Source

petugas

Input


Output


Destination

petugas

Logika Proses

1. petugas memilih menu hapus kategori barang 2. Sistem akan menampilkan pesan hapus data kategori berhasil.

No. Proses

11.4

Nama Proses

Pengolahan provinsi

Source

Petugas

Input

Data provinsi

Output

Info data provinsi

Destination

Petugas

Logika Proses

1. petugas memilih menu provinsi 2. Sistem akan menampilkan daftar provinsi

No. Proses

11.4.1

Nama Proses

Tambah Provinsi

Source

petugas

Input

Data provinsi

93

47

48

49

50

Output

Info data provinsi

Destination

petugas

Logika Proses

1. petugas memilih menu tambah provinsi 2. Sistem akan menampilkan informasi data provinsi yang berhasil ditambahkan.

No. Proses

11.4.2

Nama Proses

Ubah Provinsi

Source

Petugas

Input

Data provinsi

Output

Info data provinsi

Destination

Petugas

Logika Proses

1. petugas memilih menu edit provinsi 2. Sistem akan menampilkan informasi data provinsi yang berhasil diedit.

No. Proses

11.4.3

Nama Proses

Hapus Provinsi

Source

petugas

Input

Data provinsi

Output

Info data provinsi

Destination

petugas

Logika Proses

1. Petugas memilih menu hapus provinsi 2. Sistem akan menampilkan pesan informasi data provinsi berhasil dihapus.

No. Proses

11.5

Nama Proses

Pengolahan kota

Source

petugas

Input

Data kota

Output

Info data kota

Destination

petugas

Logika Proses

1. petugas memilih menu kota 2. Sistem akan menampilkan daftar kota

No. Proses

11.5.1

Nama Proses

Tambah Kota

Source

petugas

Input

Data kota

Output

Info data kota

Destination

petugas

Logika Proses

1. petugas memilih menu tambah kota

94

2. Sistem akan menampilkan pesan informasi data kota yang berhasil ditambah. 51

52

53

54

No. Proses

11.5.2

Nama Proses

Edit kota

Source

petugas

Input

Data kota

Output

Info data kota

Destination

petugas

Logika Proses

1. petugas memilih menu edit kota 2. Sistem akan menampilkan pesan informasi data kota berhasil diedit.

No. Proses

11.5.3

Nama Proses

Hapus kota

Source

petugas

Input

Data kota

Output

Info data kota

Destination

petugas

Logika Proses

1. petugas memilih menu hapus kota 2. Sistem akan menampilkan pesan informasi data kota berhasil dihapus.

No. Proses

11.6

Nama Proses

Pengolahan data pengiriman

Source

petugas

Input

Data pengiriman

Output

Info data pengiriman

Destination

petugas

Logika Proses

1. petugas memilih menu jasa pengiriman 2. Sistem akan menampilkan daftar jasa pengiriman 3. petugas memilih menu detail jasa pengiriman 4. Sistem akan menampilkan daftar detail jasa pengiriman

No. Proses

11.6.1

Nama Proses

Tambah pengiriman

Source

petugas

Input

Data pengiriman

Output Destination

Info pengiriaman petugas

Logika Proses

1. Petugas memilih menu tambah pengiriman 2. Sistem akan menampilkan pesan informasi data pengiriman berhasil ditambah.

95

55

56

No. Proses

11.6.2

Nama Proses

Ubah Pengiriman

Source

petugas

Input

Data pengiriman

Output Destination

Info pengiriman petugas

Logika Proses

1. petugas memilih menu edit kota pengiriman 2. Sistem akan menampilkan pesan informasi data pengiriman berhasil diedit.

No. Proses

11.7.3

Nama Proses

hapus pengiriman

Source

Petugas

Input

Data pengiriman

Output

Info data Pengiriman

Destination

Petugas

Logika Proses

1. petugas memilih menu hapus pengiriman 2. Sistem akan menampilkan pesan informasi data pengiriman berhasil dihapus.

D. Kamus Data Kamus data atau data directonaryadalah catalog data tentang akta dan kebutuhan-kebutuhan inantarmukaasi dari suatu sistem inantarmukaasi. Dengan menggunakan kamus data, analisis sistem dapat mengidentifikasikan data yang mengalir dalam sistem yang lengkap. Kamus data dapat dibuat berdasarkan arus data yang ada dalam data flow diagram (DFD). Arus data yang ada dalam data flow diagram (DFD) sifatnya adalah global, hanya ditunjukan arus datanya saja. Untuk lebih jelas dapat dilihat pada tabel berikut :

96

Tabel 3-15 Kamus Data

Nama Deskripsi Struktur Data

Data pelanggan Berisi data pendaftaran pelanggan_id+Provinsi_id+Kota_id+pelanggan_nama_len gkap+pelanggan_email+pelanggan_username+pelanggan _password+pelanggan_alamat+pelanggan_kode_pos+pela nggan_telepon+pelanggan_hp+pelanggan_tanggal_aktif+ pelanggan_status

pelanggan_id Provinsi_id Kota_id pelanggan_nama_lengkap pelanggan_email pelanggan_password pelanggan_username pelanggan_kode_pos pelanggan_telepon pelanggan_hp pelanggan_tanggal_aktif pelanggan_status Simbol Nama Deskripsi

[0…9] [0…9] [0…9] [A…Z] [a…z] [0…9] [A…Z] [a…z] [0…9] [Simbol] [A…Z] [a…z] [0…9] [Simbol] [A…Z] [a…z] [0…9] [Simbol] [0…9] [0…9] [0…9] [0…9] [simbol] [A…Z] [ a…z] [! $|%|&|?|/|\|+|,|.|K;|’|”|] Data Login Berisi data user yang digunakan untuk proses login

Struktur Data Username Password Simbol Nama Deskripsi Struktur Data

username dan password [A…Z] [a…z] [0…9] [Simbol] [A…Z] [a…z] [0…9] [Simbol] [! $|%|&|?|/|\|+|,|.|K;|’|”|] Data Petugas Berisi data petugas Petugas_id+petugas_username+petugas_password+petug as_email+petugas_telepon+petugas_hp+petugas_alamat+ petugas_status

Petugas_id Petugas_username Petugas_password Petugas_email Petugas_telepon Petugas_hp Petugas_alamat Petugas_status Simbol

[0…9] [A…Z] [a…z] [0…9] [Simbol] [A…Z] [a…z] [0…9] [Simbol] [A…Z] [a…z] [0…9] [Simbol] [0…9] [0…9] [A…Z] [a…z] [0…9] [Simbol] [A…Z] [a…z] [0…9] [! $|%|&|?|/|\|+|,|.|K;|’|”|]

97

Nama Deskripsi Struktur Data

Data Komentar Berisi data komentar dari pelanggan Komentar_id+pelanggan_id+komentar_keterangan+kome ntar_tanggal+komentar_status

Komentar_id pelanggan_id Komentar_keterangan Komentar_tanggal Komentar_status Simbol Nama Deskripsi Stuktur data

[0…9] [0…9] [A…Z] [a…z] [0…9] [Simbol] [0…9] [Simbol] [A…Z] [a…z] [! $|%|&|?|/|\|+|,|.|K;|’|”|] Data Barang Berisi data barang Barang_id+barang_kode+kategori_id+petugas_id+barang _warna+barang_nama+barang_berat+barang_harga+bara ng_keterangan+barang_stok+barang_sisa_stok+barang_g ambar+status+ukuran

Barang_id Barang_kode Kategori_id Petugas_id Barang_warna Barang_nama Barang_berat Barang_harga Barang_keterangan Barang_stok Barang_sisa_stok Barang_gambar Status ukuran simbol Nama Deskripsi Stuktur data Kategori_id Kategori_nama

[0…9] [A…Z] [a…z] [0…9] [0…9] [0…9] [A…Z] [a…z] [A…Z] [a…z] [0…9] [Simbol] [0…9] [0…9] [Simbol] [A…Z] [a…z] [0…9] [Simbol] [0…9] [0…9] [A…Z] [a…z] [0…9] [Simbol] [A…Z] [a…z] [A…Z] [a…z] [0…9] [[! $|%|&|?|/|\|+|,|.|K;|’|”|] Data kategori Berisi data kategori barang Kategori_id+kategori_nama [0…9] [A…Z] [a…z]

Nama Deskripsi Struktur data

Data Jenis Berisi data jenis barang Jenis_id+jenis_nama+kategori_id

Jenis_id Jenis_nama

[0…9] [A…Z] [a…z] [0…9]

98

Kategori_id

[0…9]

Nama Deskripsi Struktur data Provinsi_id Provinsi_nama

Data Provinsi Berisi data provinsi Provinsi_id+provinsi_nama [0…9] [A…Z] [a…z]

Nama Deskripsi Struktur data Kota_id Provinsi_id Kota_nama

Data Kota Berisi data kota kota_id+provinsi_id+kota_nama [0…9] [0…9] [A…Z] [a…z]

Nama Deskripsi Struktur data Jasa_id Jasa_pengiriman_id Kota_id Detail_jasa_biaya1

Data Jasa Pengiriman Berisi data Jasa Pengiriman Jasa_id+Jasa_pengiriman_id+Kota_id+ detail_jasa_biaya1 [0…9] [0…9] [0…9] [A…Z] [a…z]

Nama Deskripsi Struktur data kurs_id kurs_nominal

Data kurs Berisi data kurs Kurs_id+kurs_nominal [0…9] [0…9]


Data pemesanan Berisi data pemesanan barang pemesanan_id+username+jasa_id+pemesanan_bayar+ pemesanan_status_pesan+pemesanan_status_bayar+peme sanan_tgl_bayar+pemesanan_tgl_pesan+pemesanan_tgl_ konfirmasi+pemesanan_tgl_kirim+pemesanan_tgl_terima +pemesanan_penerima+pemesanan_alamat_penerima+pe mesanan_telepon+pemesanan_email_penerima+pemesana n_bank+pemesanan_no_account+pemesanan_nilai_transf er+pemesanan_keterangan

pemesanan_id Username Petugs_id Pelanggan_id Barang_id jasa_id pemesanan_id_transaksi

[0…9] [A…Z] [a…z] [0…9] [0…9] [0…9] [0…9] [A…Z] [a…z] [0…9]

99

pemesanan_id_session pemesanan_bayar pemesanan_ongkos_kirim pemesanan_status_pesan pemesanan_status_bayar pemesanan_tgl_pesan pemesanan_tgl_konfirmasi pemesanan_tgl_bayar pemesanan_tgl_kirim pemesanan_penerima pemesanan_alamat_penerima pemesanan_telepon pemesanan_email_penerima pemesanan_bank pemesanan_no_account pemesanan_nilai_transfer pemesanan_keterangan simbol

[A…Z] [a…z] [0…9] [A…Z] [a…z] [0…9] [A…Z] [a…z] [A…Z] [a…z] [0…9] [simbol] [0…9] [simbol] [0…9] [simbol] [0…9] [simbol] [A…Z] [a…z] [A…Z] [a…z] [0…9] [simbol] [0…9] [0…9] [A…Z] [a…z] [0…9] [simbol] [A…Z] [a…z] [0…9] [0…9] [A…Z] [a…z] [0…9] [simbol] [! $|%|&|?|/|\|+|,|.|K;|’|”|]


Data detail pemesanan Berisi data barang sedang dipesan Barang_id+barang_kode+barang_harga_detail_pemesana n_jumlah+detail_pemesanan_session

Barang_id Pemesanan_id detail_barang_jumlah detail_barang_session letter

[0…9] [0…9] [A…Z] [a…z] [0…9] [0…9] [A…Z] [a…z] [0…9]


Data retur Berisi data barang yang rusak retur_id+petugas_id+retur_jumlah+pemesanan_id+retur_t anggal+retuur_keterangan+retur_aksi

retur_id petugas_id pemesanan_id retur_tanggal Retur_aksi

[0…9] [0…9] [0…9] [0…9] [simbol] [A…Z] [a…z]

Nama Deskripsi Struktur data Retur_id retur_keterangan

Data detail retur Berisi data barang yang rusak retur_id+retur_jumlah+retuur_keterangan [A…Z] [a…z] [0…9] [Simbol]

100

[0…9]

retur_jumlah

3.2.7

Diagram Relasi Proses relasi antar file merupakan gabungan antar file yang

mempunyai kunci utama yang sama, sehingga file tersebut menjadi satu kesatuan yang dihubungkan oleh field kunci tersebut. Pada proses ini elemenelemen data dikelompokkan menjadi satu file database beserta entitas dan hubungannya. Berikut adalah skema relasi (Gambar 3-23) Sistem Transaksi Online SENTOSO. k urs k urs _k ode pemes anan_id k urs _nominal

k omentar k omentar_id pelanggan_id k omentar_keterangan k omentar_tanggal k omentar_status

p em es an a n_ i d = pe m e s a n an _ id

p el a ng ga n _i d = p el a ng ga n _i d

prov ins i prov ins i_id P rovinsi_nama

p ro v in s i_ i d = pro v i n s i _ i d

p ro v in s i_ i d = pro v i n s i _ i d

k ota _i d = k ota _i d

pemes anan

pemes anan_id pelanggan_id barang_id pelanggan petugas_id pelanggan_id jas a_id k ota_id pemes anan_id_transak si prov ins i_id pemes anan_s tatus _pesan p el a ng ga n _i d = p el a ng ga n _i d pelanggan_nama_lengkap pemes anan_s tatus _bayar pelanggan_email pemes anan_tgl_pes an pelanggan_us ername pemes anan_tgl_konfirmas i pelanggan_pass word pemes anan_tgl_bay ar pelanggan_alamat pemes anan_tgl_kirim pelanggan_k ode_pos pemes anan_tgl_terima pelanggan_telepon pemes anan_penerima pelanggan_hp pemes anan_alamat_penerima pelanggan_tanggal_ak tif pemes anan_email_penerima pelanggan_s tatus pemes anan_telepon pemes anan_bank pemes anan_no_ac c ount p etu ga s _ i d = pe tug a s _ i d pemes anan_k eterangan pemes anan_nilai_trans fer

barang barang_id k ategri_id petugas_id barang_k ode barang_nama b ara ng _i d = b ara ng _ id barang_w arna barag_harga barang_dis kon p em es an a n_ i d = pe m e s a n an _ id barang_berat barang_k eterangan barang_s tok barang_s is a_stok barang_gambar s tatus ukuran

k ota k ota_id petugas_id prov ins i_id k ota_nama

p etu ga s _ i d = pe tug a s _ i d

petugas petugas_id petugas_username petugas_pas s word petugas_email petugas_telepon petugas_hp petugas_alamat petugas_s tatus


p em es an a n_ i d = pe m e s a n an _ id

detail_pemes anan pemes anan_id detail_barang_id detail_barang_harga detail_barang_jumlah detail_barang_s ess ion letter


retur retur_id pemes anan_id DE T_pemes anan_id petugas_id retur_tanggal retur_aks i


jas a_pengiriman k ota _i d = k ota _i d

jas a_id jas a_pengiriman_id k ota_id petugas_id detail_jas a_biay a1

j as a _i d = j as a _i d

retu r_i d = retu r_i d

detail retur retur_id retur_k eterangan retur_jumlah

Gambar 3-23 Skema Relasi

p em es an a n_ i d = DET_ p em es a na n_ i d

k ategori k ate gri _i d = k ate gri _ id

k ategri_id K ategori_nama

k ate gri _i d = k ate gri _ id

jenis jenis_id k ategri_id jenis_nama

101

3.2.8

Perancangan Sistem Perancangan akan dimulai setelah tahap analisis terhadap sistem selesai

dilakukan. Perancangan dapat didefinisikan sebagai penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh atau berfungsi. Tahapan ini menyangkut konfirmasi dari komponen- komponen perangkat lunak dan perangkat keras dari suatu sistem, sehingga setelah instalasi dari sistem haruslah sesuai dengan rancang bangun yang telah ditetapkan pada akhir tahap analisis sistem. A. Perancangan Struktur Tabel Perancangan struktur tabel adalah perancangan tabel-tabel yang akan digunakan pada database. Struktur tabel untuk setiap tabel yang terdapat dalam database Sistem Transaksi Online : A. Tabel Pelanggan Tabel pelanggan merupakan tabel yang digunakan untuk mencatat data identitas para pelanggan. Struktur tabel yang akan digunakan untuk mencatat data pelanggan dapat dilihat pada tabel 3-16. Tabel 3-16 Pelanggan

Nama Field

Type Data

Keterangan

pelanggan_id

Integer

Primary key, Auto increment

kota_id

Integer

Foreign Key to kota

provinsi_id

Integer

Foreign Key to provinsi

pelanggan_alamat

Varchar (100)

Not Null

pelanggan_email

Varchar (50)

Not Null

pelanggan_hp

Varchar (25)

Not Null

102

pelanggan_kode_pos

Varchar (10)

Not Null

pelanggan_nama_lengkap

Varchar (30)

Not Null

pelanggan_password

Varchar

(8)

Not Null

pelanggan_status

Varchar (15)

Not Null

pelanggan_tanggal_aktif

Date

Not Null

pelanggan_telepon

Varchar (10)

Not Null

pelanggan_username

Varchar (10)

Not Null

B. Tabel Petugas Tabel petugas merupakan tabel yang digunakan untuk mencatat data identitas petugas. Struktur tabel yang akan digunakan untuk mencatat data petugas dapat dilihat pada tabel 3-17. Tabel 3-17 Petugas

Nama Field

Type Data

Keterangan

petugas_id

Integer


petugas_username

Varchar (10)

Not Null

petugas_password

Varchar

(8)

Not Null

petugas_alamat

Varchar (100)

Not Null

petugas_email

Varchar (20)

Not Null

petugas_hp

Varchar (25)

Not Null

petugas_telepon

Varchar (15)

Not Null

petugas_status

Varchar (50)

Not Null

C. Tabel barang Tabel barang merupakan tabel yang digunakan untuk mencatat data barang. Struktur tabel yang akan digunakan untuk mencatat data barang dapat dilihat pada tabel 3-18. Tabel 3-18 Barang

Nama Field

Type Data

Keterangan

barang_id

Integer


kategori_id

Integer

Foreign Key to kategori

103

jenis_id

Integer

Foreign Key to jenis

barang_kode

Varchar

(8)

Not Null

barang_nama

Varchar (30)

Not Null

barang_harga

Varchar

(6)

Not Null

barang_berat

Varchar (10)

Not Null

barang_diskon

Integer

barang_gambar

Pic

barang_stok

Varchar (20)

barang_sisa_stok

Varchar (20)

barang_warna

Varchar (15)

barang_keterangan

Txt

ukuran

Varchar (30)

status

Varchar (100)

(50)

Not Null

Not Null

(25) Not Null

D. Tabel kategori Tabel kategori merupakan tabel yang digunakan untuk mencatat data kategori. Struktur tabel yang akan digunakan untuk mencatat data kategori dapat dilihat pada tabel 3-19. Tabel 3-19 Kategori

Nama Field

Type Data

Keterangan

kategri_id

Integer


Kategori_nama

Varchar (50)

Not Null

E. Tabe jenis Tabel kategori merupakan tabel yang digunakan untuk mencatat data kategori. Struktur tabel yang akan digunakan untuk mencatat data kategori dapat dilihat pada tabel 3-20. Tabel 3-20 Jenis

Nama Field jenis_id

Type Data Integer

Keterangan Primary key, Auto increment

104

kategori_id

Varchar (50)

Foreign Key to kategori

jenis_nama

Varchar (30)

Not Null

F. Tabel komentar Tabel komentar merupakan tabel yang digunakan untuk mencatat data komentar. Struktur tabel yang akan digunakan untuk mencatat data komentar dapat dilihat pada tabel 3-21. Tabel 3-21 Komentar

Nama Field

Type Data

komentar_id pelanggan_id

Integer Integer

komentar_keterangan

Txt

komentar_status

Varchar (15)

komentar_tanggal

Date

Keterangan Primary key, Auto increment Foreign Key to pelanggan

(100)

Not Null

G. Tabel provinsi Tabel provinsi merupakan tabel yang digunakan untuk mencatat data provinsi. Struktur tabel yang akan digunakan untuk mencatat data provinsi dapat dilihat pada tabel 3-22. Tabel 3-22 Privinsi

Nama Field

Type Data

Keterangan

provinsi_id

Integer


provinsi_nama

Varchar (50)

Not Null

H. Tabel kota Tabel kotamerupakan tabel yang digunakan untuk mencatat data kota. Struktur tabel yang akan digunakan untuk mencatat data kota dapat dilihat pada tabel 3-23.

105

Tabel 3-23 Kota

Nama Field

Type Data

Keterangan

kota_id

Integer


provinsi_id

Integer

Foreign Key to provinsi

Petugas_id

Integer

Foreign Key to petugas

kota_nama

Varchar (50)

Not Null

I. Tabel pemesanan Tabel pemesanan merupakan tabel yang digunakan untuk mencatat data pemesanan. Struktur tabel yang akan digunakan untuk mencatat data pemesanan dapat dilihat pada tabel 3-24. Tabel 3-24 Pemesanan

Nama Field

Type Data

Keterangan

pemesanan_id

Integer


pelanggan_id

Integer

Foreign Key to pelanggan

barang_id

Integer

Foreign Key to barang

petugas_id

Integer

jasa_id

Integer

kurs_kode

Varchar

Foreign Key to petugas Foreign Key to jasa_pengiriman Foreign Key to kurs

pemesanan_bank

Varchar (20)

Foreign Key to bank

pemesanan_id_transaksi

Varchar (15)

Not Null

pemesanan_tgl_pesan

Date

pemesanan_tgl_konfirmasi

Date

pemesanan_tgl_bayar

Date

pemesanan_tgl_kirim

Date

pemesanan_tgl_terima

Date

pemesanan_status_pesan

Varchar (20)

pemesanan_status_bayar

Varchar (20)

pemesnan_telepon

Varchar (20)

pemesanan_alamat_penerima

Varchar (60)

pemesanan_no_account

Varchar (40)

pemesanan_nilai_transfer

Varchar (60)

(5)

Not Null

106

pemesanan_keterangan

Varchar (20)

J. Tabel detail pemesanan Tabel detail pemesanan merupakan tabel yang digunakan untuk mencatat data detail pemesanan. Struktur tabel yang akan digunakan untuk mencatat data detail pemesanan dapat dilihat pada tabel 3-25. Tabel 3-25 Detail Pemesanan

Nama Field

Type Data

Keterangan

detail_barang_id

Integer

Unique, Auto increment

pemesanan_id

Integer

Foreign Key to pemesanan

detail_barang_harga

Varchar (60)

Not Null

detail_barang_jumlah

Varchar (60)

Not Null

detail_barang_session

Varchar (60)

Not Null

letter

Varchar (30)

Not Null

K. Tabel jasa pengiriman Tabel jasa pengiriman merupakan tabel yang digunakan untuk mencatat data jasa pengiriman. Struktur tabel yang akan digunakan untuk mencatat data jasa pengiriman dapat dilihat pada tabel 3-26. Tabel 3-26 Jasa Pengiriman

Nama Field

Type Data

Keterangan

jasa_id

Integer


jasa_pengirirman_id

Integer

Not Null

kota_id

Integer

Foreign Key to kota

detail_jasa_biaya1

Integer

Not Null

L. Tabel retur Tabel retur merupakan tabel yang digunakan untuk mencatat data retur. Struktur tabel yang akan digunakan untuk mencatat data retur dapat dilihat pada tabel 3-27.

107

Tabel 3-27 Retur

Nama Field

Type Data

Keterangan

retur_id

Integer


Pemesanan_id

Integer

Foreign Key to pemesanan

Petugas_id

Integer

Foreign Key to petugas

retur_keterangan

Varchar (50)

Not Null

Retur_aksi

Varchar (20)

retur_tanggal

Date

Not Null

M. Tabel detil_retur Tabel detail retur merupakan tabel yang digunakan untuk mencatat data detail retur. Struktur tabel yang akan digunakan untuk mencatat data detail retur dapat dilihat pada tabel 3-28. Tabel 3-28 detail retur

Nama Field

Type Data

Keterangan

Retur_id

Integer

Foreign Key to retur

Retur_keterangan

archar (50)

Not Null

Retur_jumlah

Integer

N. Tabel kurs Tabel kurs merupakan tabel yang digunakan untuk mencatat data detail belanja. Struktur tabel yang akan digunakan untuk mencatat data detail belanja dapat dilihat pada tabel 3-29. Tabel 3-29 Kurs

Nama Field

Type Data

kurs_kode

Varchar

kurs_nominal

Integer

(5)

Keterangan Primary key, Auto increment Not Null

108

3.2.9

Perancangan Arsitektur Perancangan arsitektur merupakan perancangan yang dibuat sebelum

program aplikasi dibuat. Dengan perancangan arsitektur akan mempermudah proses, perancangan arsitektur pada sistem transaksi on-line SENTOSO yang akan dibangun adalah sebagai berikut : A. Perancangan Struktur Menu Perancangan struktur menu dari sistem penjualan SENTOSO berbasis web sebagai berikut : 1. Struktur menu pengunjung dari sistem transaksi online SENTOSO dapat dilihat pada gambar berikut

Aplikasi E-Commerce Ikhrom Dan Handuk Letter di Cv. Sentoso

Pendaftaran

Depan

Cari Produk

Cara Belanja

Cara Bayar

Tambah

Produk terbaru

Produk terlaku

Keranjang Belanja

Kontak

Tacking Produk

Lihat

Gambar 3-24 Struktur Menu Pengunjung

2. Struktur menu pelanggan dari sistem transaksi online SENTOSO dapat dilihat pada gambar berikut

109

Aplikasi E-Commerce Ikhrom Dan Handuk Letter di Cv. Sentoso

Lupa Password

Login

Depan

Ubah Profil

Kontak

Cara Bayar

Cara Belanja

Produk terbaru

Cari Produk

Lihat

Produk terlaku

History Pesanan

Ubah

Tambah

Keranjang Belanja

Konfirmasi

Logout

Hapus

Gambar 3-25 Struktur Menu Pelanggan

3. Struktur menu petugas dari sistem transaksi online SENTOSO dapat dilihat pada gambar berikut Login

Beranda

Member

Ubah Password

Ubah Profil

Pesanan

Data Master

Retur

Komentar

Member

Kategori

Jenis

Barang

Letter

Lihat

Tambah

Provinsi

Ubah

Kota

Jasa Pengiriman

Laporan

Retur

Detail Pengiriman

Logout

Pesanan

Petugas

Hapus

Gambar 3-26 Struktur Menu Petugas

B. Perancangan Antarmuka Perancangan antamuka merupakan perancangan yang dibuat untuk memeberikan gambaran sebelum aplikasi dibangun. Perancangan antar muka

110

input/output, struktur dan tampilan dirancang sedemikian rupa agar mudah dioperasikan oleh user yaitu : 1. Antarmuka Pengunjung a. Antarmuka Beranda T01

Username BANNER & LOGO

> Kontak Lihat Keranjang

> Pendaftaran Password

Jumlah : 0

>Lupa Password Login

Depan

Kategori Produk

Cara Belanja

Cara Bayar

Komentar

Selamat Datang di Website kami

> Handuk Letter > Handuk > Ikhrom > Kimono Gambar 1

> Mukena > Sarung > Sajadah

Beli

Detail

Gambar 2 Beli

Detail

Gambar 3 Beli

Detail

Gambar 4 Beli

- klik Depan menuju T01 - klik Kontak untuk menuju T02 - klik Pendaftaran untuk menuju T03 - klik Lupa Password untuk menuju T04 - klik Keranjang untuk menuju T05 - klik Cara Belanja untuk menuju T06 - klik Cara Bayar untuk menuju T07 - klik Cari untuk menuju T08 - klik Konfirmasi Retur untuk menuju T09 - klik Gambar,detail untuk menuju T10 - klik Kategori untuk menuju T11

Detail

Pencarian Produk Kategori Gambar 5

Gambar 6

Gambar 7

Gambar 8

Jenis Cari

Beli

Detail

Beli

Detail

Beli

Detail

Beli

Detail

Produk Baru

Gambar Keterangan Gambar

Gambar 9 Beli

Detail

Gambar 10 Beli

Detail

Gambar 11 Beli

Detail

Gambar 12 Beli

Detail

Produk Terlaku

Gambar Keterangan Gambar Tracking Produk

LOGO JNE

Tracking Pesanan

LOGO PAYPAL

Icon bank pembayaran

Copyright ® 2011 Yuli yanti @ CV. SENTOSO Jl.Cempaka Poncol Gg. 5/1b, Pekalongan, Jawa Tengah

Keterangan : Ukuran Layar : Dinamis Tipe/ukuran font ;Arial 14 Warna Latar : Putih

Gambar 3-27 Perancangan Antarmuka Beranda

111

b. Antarmuka Kontak T02

Username


> Pendaftaran

BANNER & LOGO

Password

>Lupa Password

Jumlah : 0

Login

Depan

Kategori Produk

Cara Belanja

Cara Bayar

Komentar


> Handuk Letter > Handuk Kontak Kami,

> Ikhrom > Kimono > Mukena > Sarung > Sajadah

Jl. Cempaka Poncol Gg. 5/1b, Pekalongan, Jawa Tengah Telepon : ( 0285 )-520151 (Layanan Selama Jam kerja 08:00 s/d 16:30 WIB) Fax : ( 0285 )-521046 Email : [email protected]

LOGO INSTANSI

Pencarian Produk Kategori


Jenis Cari Produk Baru

Gambar Keterangan Gambar Produk Terlaku


LOGO JNE

Tracking Pesanan


LOGO PAYPAL

Copyright ® 2011 Yuli yanti @ CV. SENTOSO Jl.Cempaka Poncol Gg. 5/1b, Pekalongan, Jawa Tengah Keterangan : Ukuran Layar : Dinamis Tipe/ukuran font ;Arial 14 Warna Latar : Putih

Gambar 3-28 Perancangan Antarmuka Kontak

c. Antarmuka Pendaftaran T03




>Lupa Password

Jumlah : 0

Login

Cara Belanja

Depan

Kategori Produk

Cara Bayar

Komentar


> Handuk Letter > Handuk > Ikhrom > Kimono

Nama Lengkap

:

Provinsi

:


Kota

:

Alamat Tinggal

:

Kode Pos

:

No. Telepon

:


Pencarian Produk Kategori Jenis Cari Produk Baru

Gambar

No. HandPhone

:

Email

:

Username

:

Password

:

Ulang Password

:

Keterangan Gambar Produk Terlaku

Gambar Keterangan Gambar

Daftar

Tracking Produk

LOGO JNE

Tracking Pesanan

LOGO PAYPAL



Gambar 3-29 Perancangan Antarmuka Pendaftaran

112

d. Antarmuka Lupa Password T04

Username


> Pendaftaran

BANNER & LOGO

Password

Jumlah : 0

> Lupa Password Login

Cara Belanja

Depan

Cara Bayar

Komentar


Kategori Produk > Handuk Letter > Handuk

Silahkan Masukkan Email Anda dibawah ini

> Ikhrom > Kimono

Email

> Mukena

:

> Sarung > Sajadah


Kirim Password ke Email




LOGO JNE

Tracking Pesanan


LOGO PAYPAL


Gambar 3-30 Perancangan Antarmuka Lupa Password

e. Antarmuka Lihat Keranjang T05




Jumlah : 0


Depan

Kategori Produk

Cara Belanja

Cara Bayar

Komentar


> Handuk Letter > Handuk > Ikhrom

Keranjang Belanja

> Kimono

NAMA BARANG Handuk (HDNL01)

> Mukena

HAPUS hapus

> Sarung > Sajadah

HARGA Rp. 45.000

BERAT (Kg) 1

SUBTOTAL Rp. 45.000

SUBTOTAL BELANJA ( Kg)

QTY 1

Rp. 45.000


Pencarian Produk

Tambah Barang

Kategori

CHECK-OUT




LOGO JNE

Tracking Pesanan

LOGO PAYPAL



Gambar 3-31 Perancangan Antarmuka Lihat Keranjang

113

f. Antarmuka Cara Belanja T06

Username


> Pendaftaran

BANNER & LOGO

Password

>Lupa Password

Jumlah : 0

Login

Depan

Cara Belanja

Cara Bayar

Komentar


Kategori Produk > Handuk Letter > Handuk > Ikhrom

CARA BELANJA

> Kimono > Mukena

Langkah 1

> Sarung > Sajadah


Langkah 2 Langkah 3

Pencarian Produk

Langkah 4

Kategori

Langkah 5 Jenis Langkah 6 Cari Produk Baru



LOGO JNE

Tracking Pesanan


LOGO PAYPAL


Gambar 3-32 Perancangan Antarmuka Cara Belanja

g. Antarmuka Cara Bayar T07




>Lupa Password

Jumlah : 0

Login

Depan

Kategori Produk

Cara Belanja

Cara Bayar

Komentar


> Handuk Letter > Handuk > Ikhrom > Kimono

CARA BAYAR



Langkah 1 Langkah 2

Pencarian Produk Langkah 3 Kategori Langkah 4 Jenis

Langkah 5 Cari

Langkah 6

Produk Baru



LOGO JNE

Tracking Pesanan

LOGO PAYPAL



Gambar 3-33 Perancangan Antarmuka Cara Bayar

114

h. Antarmuka Pencarian T08

Username



> Pendaftaran

BANNER & LOGO

Password

Jumlah : 0


Cara Belanja

Depan

Cara Bayar

Komentar



DATA BARANG YANG DICARI

> Ikhrom > Kimono > Mukena > Sarung > Sajadah

GAMBAR

…………………………………… …………………………………… …………………………………… ………

Rp. 0.00

BELI

GAMBAR

…………………………………… …………………………………… …………………………………… ………

Rp. 0.00

BELI




LOGO JNE

Tracking Pesanan


LOGO PAYPAL


Gambar 3-34 Perancangan Antarmuka Pencarian

i. Antarmuka Komentar T09




> Lupa Password

Jumlah : 0

Login

Cara Belanja

Depan

Kategori Produk

Cara Bayar

Komentar



Komentar

> Kimono > Mukena > Sarung > Sajadah Pencarian Produk

Nama

:

Komentar

:


Kategori Jenis Cari Produk Baru

KIRIM

BATAL



LOGO JNE

Tracking Pesanan

LOGO PAYPAL



Gambar 3-35 Perancangan Antarmuka Komentar

j. Antarmuka Gambar, Detail

115

T10

Username


> Pendaftaran

BANNER & LOGO

Password

Jumlah : 0

>Lupa Password Login

Depan

Kategori Produk

Cara Belanja

Cara Bayar

Konfirmasi Retur



Detail Barang

> Kimono > Mukena > Sarung > Sajadah Gambar Pencarian Produk Kategori Jenis Cari

Kode Barang Nama Barang Kategori Jenis Warna Ukuran Letter Diskon Harga Keterangan Beli

: : : : : : : : : :


Detail

Produk Baru



LOGO JNE

Tracking Pesanan


LOGO PAYPAL


G

ambar 3-36 Perancangan Antarmuka Gambar, Detail

k. Antarmuka Kategori T11




>Lupa Password

Jumlah : 0

Login

Depan

Kategori Produk

Cara Belanja

Cara Bayar

Konfirmasi Retur



Gambar1

Kode Barang Nama Barang Warna Diskon Harga

Gambar2


Gambar2


> Kimono > Mukena > Sarung > Sajadah

: : : : :


Pencarian Produk Beli

Detail

Kategori Jenis Cari Produk Baru

: : : : :

Gambar Beli

Detail


Gambar

: : : : :

Keterangan Gambar Tracking Produk Beli

Detail

LOGO JNE

Tracking Pesanan

LOGO PAYPAL



Gambar 3-37 Perancangan Antarmuka Kategori

116

2. Antarmuka Pelanggan a. Antarmuka Setelah Login P01

Selamat Datang

History Pesanan : Lihat Keranjang

Hei..Username BANNER & LOGO

Lihat History Pesanan

[Lihat Profil] [Ubah Profil] [Ubah Password]

Jumlah : 0

Logout

Cara Belanja

Depan

Cara Bayar

Konfirmasi Retur


Kategori Produk > Handuk Letter > Handuk > Ikhrom > Kimono

Gambar 1


Beli

Detail

Gambar 3

Gambar 2 Beli

Detail

Beli

Detail

Gambar 4 Beli

- klik Depan untuk P01 - klik Lihat Profil untuk menuju P02 - klik Ubah Profl untuk menuju P03 - klik Ubah Password untuk menuju P04 - klik Cara Bayar untuk menuju P05 - klik Cara Bayar untuk menuju P06 - klik Cara Belanja untuk menuju P07 - klik Gambar,Detail untuk menuju P08 - klik Search untuk menuju P09 - klik Lihat Keranjang untuk menuju P10 - klik Konfirmasi Retur untuk menuju P11

Detail

Pencarian Produk Kategori Gambar 5

Gambar 6

Gambar 7

Gambar 8

Jenis Beli

Cari

Beli

Detail

Detail

Beli

Detail

Beli

Detail

Produk Baru Gambar 9

Gambar

Beli

Keterangan Gambar

Detail

Gambar 10 Beli

Detail

Gambar 11 Beli

Detail

Gambar 12 Beli

Detail

Produk Terlaku


LOGO JNE

Tracking Pesanan


LOGO PAYPAL


Gambar 3-38 Antarmuka pelanggan setelah login

b. Antarmuka Lihat Profil P02

Selamat Datang

History Pesanan :




Lihat Keranjang Jumlah : 0

Logout

Cara Belanja

Depan

Kategori Produk

Cara Bayar

Konfirmasi Retur



Berikut Profil Anda

> Kimono > Mukena > Sarung > Sajadah Pencarian Produk Kategori

Nama Lengkap Email Provinsi Kota Alamat Kode Pos No. Telepon No. Handphone

: : : : : : : :




LOGO JNE

Tracking Pesanan

LOGO PAYPAL



Gambar 3-39 Antarmuka lihat profil


117

c. Antarmuka Ubah Profil P03

Selamat Datang

History Pesanan :






Logout

Depan

Cara Belanja

Cara Bayar

Konfirmasi Retur



Ubah Profil Anda

> Ikhrom > Kimono > Mukena

Nama Lengkap

:

> Sarung > Sajadah

Email

:

Peovinsi

:

Kota

:

Alamat

:

Kode Pos

:

No. telepon

:

No. Handphoe

:



Simpan Profil

Batal


LOGO JNE

Tracking Pesanan


LOGO PAYPAL


Gambar 3-40 Antarmuka ubah profil

d. Antarmuka Ubah Password P04

Selamat Datang





Jumlah : 0

Logout

Depan

Kategori Produk

Cara Belanja

Cara Bayar

Konfirmasi Retur


> Handuk Letter > Handuk

Ubah Password


Nama Lengkap

:

> Sarung > Sajadah

Email

:

Peovinsi

:

Pencarian Produk Kategori

Simpan Password

Jenis

Batal

Cari Produk Baru



LOGO JNE

Tracking Pesanan

LOGO PAYPAL



Gambar 3-41 Antarmuka ubah password


118

e. Antarmuka Cara Bayar P05

Selamat Datang





Jumlah : 0

Logout

Cara Belanja

Depan

Cara Bayar

Konfirmasi Retur


Kategori Produk > Handuk Letter > Handuk > Ikhrom > Kimono

CARA BAYAR



Langkah 1 Langkah 2

Pencarian Produk Langkah 3 Kategori

Langkah 4

Jenis

Langkah 5 Cari

Langkah 6

Produk Baru



LOGO JNE

Tracking Pesanan

LOGO PAYPAL



Gambar 3-42 Antarmuka cara bayar

f. Antarmuka Cara Belanja P06

Selamat Datang

History Pesanan :





Logout

Depan

Kategori Produk

Cara Belanja

Cara Bayar

Konfirmasi Retur



CARA BELANJA

> Kimono > Mukena

Langkah 1

> Sarung > Sajadah


Langkah 2

Pencarian Produk

Langkah 3 Langkah 4

Kategori

Langkah 5 Jenis Langkah 6 Cari Produk Baru



LOGO JNE

Tracking Pesanan

LOGO PAYPAL



Gambar 3-43 Antarmuka cara belanja

119

g. Antarmuka Detail Barang P07

Selamat Datang





Jumlah : 0

Logout

Depan

Cara Belanja

Cara Bayar

Konfirmasi Retur


Kategori Produk > Handuk Letter > Handuk > Ikhrom

Detail Barang

> Kimono

Kode Barang Nama Barang Kategori Jenis Warna Ukuran Letter Diskon Harga Keterangan

> Mukena > Sarung > Sajadah Gambar Pencarian Produk Kategori Jenis Cari

Beli

: : : : : : : : : :


Detail

Produk Baru



LOGO JNE

Tracking Pesanan


LOGO PAYPAL


Gambar 3-44 Antarmuka detail barang

h. Antarmuka Pencarian P08

Selamat Datang





Jumlah : 0

Logout

Depan

Kategori Produk

Cara Belanja

Cara Bayar

Konfirmasi Retur



DATA BARANG YANG DICARI

> Kimono GAMBAR

…………………………………… …………………………………… …………………………………… ………

Rp. 0.00

BELI

GAMBAR

…………………………………… …………………………………… …………………………………… ………

Rp. 0.00

BELI

> Mukena > Sarung > Sajadah Pencarian Produk Kategori Jenis Cari Produk Baru



LOGO JNE

Tracking Pesanan

LOGO PAYPAL



Gambar 3-45 Antarmuka Pencarian


120

i. Antarmuka Lihat Keranjang Belanja P09

Selamat Datang


Hei..Username BANNER & LOGO [Lihat Profil] [Ubah Profil] [Ubah Password]


Jumlah : 0

Cara Bayar

Konfirmasi Retur

Logout

Depan

Cara Belanja



Keranjang Belanja

> Ikhrom > Kimono

NAMA BARANG Handuk (HDNL01)

> Mukena

HAPUS hapus

HARGA Rp. 45.000

> Sarung > Sajadah

BERAT (Kg) 1

SUBTOTAL Rp. 45.000

SUBTOTAL BELANJA ( Kg)

QTY 1

Rp. 45.000


Pencarian Produk

Tambah Barang

Kategori

CHECK-OUT




LOGO JNE

Tracking Pesanan


LOGO PAYPAL


Gambar 3-46 Antarmuka keranjang belanja

j. Antarmuka Barang P10

Selamat Datang

History Pesanan :


Lihat Keranjang


Jumlah : 0

Cara Bayar

Konfirmasi Retur

Logout

Depan

Kategori Produk

Cara Belanja


> Handuk Letter > Handuk > Ikhrom > Kimono > Mukena > Sarung > Sajadah

Gambar1


: : : : :

Pencarian Produk Beli

Detail

Kategori Jenis

Gambar2


Gambar2


Cari Produk Baru

: : : : :

Gambar Beli

Detail


Gambar

: : : : :

Keterangan Gambar Tracking Produk Beli

Detail

LOGO JNE

Tracking Pesanan

LOGO PAYPAL



Gambar 3-47 Antarmuka baran


121

k. Antarmuka Konfirmasi Retur P11

Selamat Datang

History Pesanan :


Lihat Keranjang


Jumlah : 0

Cara Bayar

Konfirmasi Retur

Logout

Cara Belanja

Depan

Kategori Produk


> Handuk Letter > Handuk

Konfirmasi Retur


Nama

> Sarung > Sajadah


No Transaksi

Pencarian Produk

Keterangan

Kategori Jenis

Kirim Konfirmasi Retur Cari Produk Baru



LOGO JNE

Tracking Pesanan

LOGO PAYPAL



Gambar 3-48 Antarmuka Rettur

3. Antarmuka Petugas a. Antarmuka Sebelum Login A01

- Klik Login untuk menuju ke A02

Welcome to Admin, Please Login

USERNAME

PASSWORD LOGIN

Keterangan : Ukuran Layar : Dinamis Tipe/ukuran font ;Arial 14 Warna Latar :Abu-abu

Gambar 3-49 Antarmuka sebelum login

122

b. Antarmuka Beranda A02 P0 Selamat Datang : username

[ LOGOUT ]

BANNER BANNER & LOGO Beranda

Pesanan

BERANDA DATA PEMBELI Welcome : Admin Tanggal

Retur TRANSAKSI

Komentar

Logout

Home

Site Map

KATALOG Tanggal

Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0

Menu Daftar Belanja :

0 Item

Edit Profile Edit Password

KERANJANG BELANJA SELAMAT DATANG di TOKO ONLINE SUPPLIES Kategori Gunakan fasilitas ini untuk Master Produk melihat pesanan. Untukstatus mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, Jenis No. belanja CARI yang ingin Anda gunakan. Klik tombol "Checkout" untuk melanjutkan ke langkah berikutnya untuk pilihlah jasa pengiriman mempercepat proses Tabel Kategori belanja. Tabel Jenis BerikutProduk ini adalah perincian keranjang belanja Anda ( 1 ). Warna VIEW DATA isi PESANAN VIEWGambar DATA MEMBER Baru Tabel Barang Gambar 1 Gambar 2 3 Gambar 4 Beli NAMAGambar BARANG Tinta LaserJet 5200n Black (Q7516A )

Harga Master Supports/d Beli BERAT (Kg) SUBTOTAL CARIRp. 120.00 Tabel Provinsi 2 Tabel Kota Produk Terlaku Tabel Detail Pengiriman SUBTOTAL BELANJA (2 Kg) Rp. 120.000 Tabel Jasa Pengiriman Tabel Petugas Gambar Gambar 6 Gambar 7 Gambar 8 Laporan Ongkos Kirim : (Rp.0 x 2 Kg) Rp. 0 VIEW BARANG BANYAK DILIHAT MEMBER Beli Beli Beli Keterangan Gambar PESANAN RETURProduk Banyak Dilihat

HAPUS Beli Hapus

Keterangan Gambar Pembayaran Gambar 5 DATA PENGIRIMAN VIEW BARANG TERLARIS TIKIIcon bank Beli pembayar JNE an

Beli HAGRA Rp. 120.000

QTY 1

- Klik Beranda menuju A02 - klik Pesanan Menuju A03 - Klik Retur menuju A04 - Klik Komentar menuju A05 - klik logout menuju A01 - klik edit profile menuju A06 - klik edit password menuju A07 - klik tabel kategori untuk menuju A08 - klik tabel jenis untuk menuju A09 - klik tabel barang untuk menuju A10 - klik tabel provinsi untuk menuju A11 - klik tabel kota untuk menuju A12 - klik tabel Detail pengiriman untuk menuju A13 - klik tabel jasa pengiriman untuk menuju A14 - klik tabel petugas untuk menuju A15

PANDU LOGO Gambar Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi. PAYPAL SUB TOTAL BELANJA : Rp. 120.000 Copyright ® 2011 Yuli yanti @ CV. SENTOSO Keterangan Gambar Jl.Cempaka Poncol TAMBAH BARANG Gambar 1 GambarGg. 2 5/1b, Pekalongan, Gambar 3 Jawa Tengah Gambar 4 CHECKOUT Keterangan : Ukuran Layar : Dinamis Tipe/ukuran font : Arial 14 Warna Latar : Putih Produk Terpopuler (Dibeli)

Produk Terpopuler (Dilihat)

Chat Langsung Dengan Costumer

Gambar 3-50 Antarmuka beranda

c. Antarmuka Pesanan A03 P0 Selamat Datang : username

[ LOGOUT ]


Pesanan


Retur TRANSAKSI

Komentar

Logout

Home

Site Map

KATALOG Tanggal



0 Item


KERANJANG BELANJA SELAMAT DATANG di TOKO ONLINE SUPPLIES Kategori Gunakan fasilitas ini untuk Halaman 1 Master Produk melihat pesanan. Untukstatus mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, Jenis No. belanja CARI yang ingin Anda gunakan. Klik tombol "Checkout" untuk melanjutkan ke langkah berikutnya untuk pilihlah jasa pengiriman mempercepat proses Tabel Kategori belanja. DAFTAR TRANSAKSI PESANAN Tabel Jenis BerikutProduk ini adalah perincian isi keranjang belanja Anda ( 1 ). Warna Baru Tabel Barang Gambar Gambar 1TANGGAL 1 Gambar 2 STATUSGambarACTION 3 Gambar 4 NO NO. PEMESANAN PESAN BAYAR KIRIM 1 TRX105-01 10 May 2011 Beli NAMAGambar BARANG HAPUS Beli Tinta LaserJet 5200n Black (Q7516A ) Hapus Keterangan Gambar Pembayaran DATA PENGIRIMAN TIKIIcon bank pembayar JNE an

Gambar 5

Gambar 6

Beli

Beli

Harga Master Supports/d Beli BERAT (Kg) SUBTOTAL CARIRp. 120.00 Tabel Provinsi 2 Tabel Kota Produk Terlaku Tabel Detail Pengiriman SUBTOTAL BELANJA (2 Kg) Rp. 120.000 Tabel Jasa Pengiriman Tabel Petugas Gambar Gambar 7 Gambar 8 Laporan Ongkos Kirim : (Rp.0 x 2 Kg) Rp. 0 MEMBER Beli Beli Keterangan Gambar PESANAN

Dipesan Beli HAGRA Rp. 120.000

QTY 1

RETURProduk Banyak Dilihat

PANDU LOGO Gambar Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi. PAYPAL SUB TOTAL BELANJA : Rp. 120.000 Copyright ® 2011 Yuli yanti @ CV. SENTOSO Keterangan Gambar Jl.Cempaka Poncol Gg. 5/1b, Pekalongan, Jawa Tengah TAMBAH BARANG Gambar 1 Gambar 2 Gambar 3 Gambar 4 CHECKOUT Keterangan : Ukuran Layar : Dinamis Tipe/ukuran font : Arial 14 Warna Latar : Putih Produk Terpopuler (Dibeli)



Gambar 3-51 Antarmuka pesanan


123

d. Antarmuka Retur A04 P0 Selamat Datang : username

[ LOGOUT ]


Pesanan


Retur TRANSAKSI

Komentar

Logout

Home

Site Map

KATALOG Tanggal



0 Item


KERANJANG BELANJA SELAMAT DATANG di TOKO ONLINE SUPPLIES Kategori Gunakan fasilitas ini untuk Halaman 1 Master Produk melihat pesanan. Untukstatus mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, Jenis No. belanja CARI yang ingin Anda gunakan. Klik tombol "Checkout" untuk melanjutkan ke langkah berikutnya untuk pilihlah jasa pengiriman mempercepat proses Tabel Kategori belanja. DAFTAR RETUR Tabel Jenis BerikutProduk ini adalah perincian isi keranjang belanja Anda ( 1 ). Warna Baru Tabel Barang Gambar Gambar 1 1 Gambar 2 Gambar 3 Gambar 4 NAMA PELANGGAN NO. TRANSAKSI KETERANGAN ACTION Harga Yuli TRX105-01 Barang Cacat Master Supports/d Beli Beli Beli NAMAGambar BARANG HAPUS Beli HAGRA QTY BERAT (Kg) SUBTOTAL CARIRp. 120.00 Tabel Provinsi Tinta LaserJet 5200n Black (Q7516A ) Rp. 120.000 2 1 Hapus Tabel Kota Produk Terlaku Tabel Detail Pengiriman SUBTOTAL BELANJA (2 Kg) Rp. 120.000 Keterangan Gambar Tabel Jasa Pengiriman Tabel Petugas Pembayaran Gambar Gambar 5 Gambar 6 Gambar 7 Gambar 8 Laporan DATA PENGIRIMAN Ongkos Kirim : (Rp.0 x 2 Kg) Rp. 0 TIKIIcon bank MEMBER Beli Beli Beli Beli Keterangan Gambar pembayar PESANAN JNE an RETURProduk Banyak Dilihat





Gambar 3-52 Antarmuka retur

e. Antarmuka Komentar A05 P0 Selamat Datang : username

[ LOGOUT ]


Pesanan


Retur TRANSAKSI

Komentar

Logout

Home

Site Map

KATALOG Tanggal



0 Item


KERANJANG BELANJA SELAMAT DATANG di TOKO ONLINE SUPPLIES Kategori Gunakan fasilitas ini untuk Halaman 1 Master Produk melihat pesanan. Untukstatus mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, Jenis No. belanja CARI yang ingin Anda gunakan. Klik tombol "Checkout" untuk melanjutkan ke langkah berikutnya untuk pilihlah jasa pengiriman mempercepat proses Tabel Kategori belanja. DAFTAR KOMENTAR Tabel Jenis BerikutProduk ini adalah perincian isi keranjang belanja Anda ( 1 ). Warna Baru Tabel Barang Gambar Gambar 1 1 Gambar 2 Gambar 3 Gambar 4 NAMA PELANGGAN KOMENTAR ACTION Harga Yuli bagus Master Supports/d Beli Beli Beli NAMAGambar BARANG HAPUS Beli HAGRA QTY BERAT (Kg) SUBTOTAL CARIRp. 120.00 Tabel Provinsi Tinta LaserJet 5200n Black (Q7516A ) Rp. 120.000 2 1 Hapus Tabel Kota Produk Terlaku Tabel Detail Pengiriman SUBTOTAL BELANJA (2 Kg) Rp. 120.000 Keterangan Gambar Tabel Jasa Pengiriman Tabel Petugas Pembayaran Gambar Gambar 5 Gambar 6 Gambar 7 Gambar 8 Laporan DATA PENGIRIMAN Ongkos Kirim : (Rp.0 x 2 Kg) Rp. 0 TIKIIcon bank MEMBER Beli Beli Beli Beli Keterangan Gambar pembayar PESANAN JNE an RETURProduk Banyak Dilihat PANDU LOGO Gambar Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi. PAYPAL SUB TOTAL BELANJA : Rp. 120.000 Copyright ® 2011 Yuli yanti @ CV. SENTOSO Keterangan Gambar Jl.Cempaka Poncol TAMBAH BARANG Gambar 1 GambarGg. 2 5/1b, Pekalongan, Gambar 3 Jawa Tengah Gambar 4 CHECKOUT Keterangan : Ukuran Layar : Dinamis Tipe/ukuran font : Arial 14 Warna Latar : Putih Produk Terpopuler (Dibeli)



Gambar 3-53 Antarmuka komentar


124

f. Antarmuka Edit Profil A06 P0 Selamat Datang : username

[ LOGOUT ]


Pesanan


Retur TRANSAKSI

Komentar

Logout

Home

Site Map

KATALOG Tanggal



0 Item


KERANJANG BELANJA SELAMAT DATANG di TOKO ONLINE SUPPLIES Kategori Gunakan fasilitas ini untuk Master Produk melihat pesanan. Untukstatus mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, Jenis No. belanja CARI yang ingin Anda gunakan. Klik tombol "Checkout" untuk melanjutkan ke langkah berikutnya untuk pilihlah jasa pengiriman mempercepat proses Tabel Kategori Username admin belanja. Tabel Jenis BerikutProduk ini adalah perincian isi keranjang belanja Anda ( 1 ). Warna Baru Tabel Barang Gambar 1 Gambar 2 Gambar 3 Gambar 4 Email [email protected] Harga Master Supports/d Beli Beli Beli Beli 2000090 No.Telepon Gambar CARI Tabel Provinsi 1 Hapus Tabel Kota 09899999900 No.Handphone Produk Terlaku Tabel Detail Pengiriman Keterangan Gambar Tabel Jasa Pengiriman Tabel Petugas Bumi Asri Alamat Gambar Gambar 5 Gambar 6 Gambar 7 Gambar 8 Laporan DATA PENGIRIMAN EDIT Pembayaran BATAL Ongkos Kirim : (Rp.0 x 2 Kg) Rp. 0 PROFIL TIKIIcon bank MEMBER Beli Beli Beli Beli Keterangan Gambar pembayar PESANAN JNE an RETURProduk Banyak Dilihat





Gambar 3-54 Antarmuka edit profil

g. Antarmuka Edit Password A06 P0 Selamat Datang : username

[ LOGOUT ]


Pesanan


Retur TRANSAKSI

Komentar

Logout

Home

Site Map

KATALOG Tanggal



0 Item


KERANJANG BELANJA SELAMAT DATANG di TOKO ONLINE SUPPLIES Kategori Gunakan fasilitas ini untuk Master Produk melihat pesanan. Untukstatus mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, Lama Jenis No. Passwor belanja CARI yang ingin Anda gunakan. Klik tombol "Checkout" untuk melanjutkan ke langkah berikutnya untuk pilihlah jasa pengiriman mempercepat proses Tabel Kategori belanja. Tabel Jenis Password Baru Berikut ini adalah perincian isi keranjang belanja Anda ( 1 ). Warna Produk Baru Tabel Barang Gambar 1 Gambar 2 Gambar 3 Gambar 4 Ulangi Password Baru Gambar

Beli EDIT PASSWORD

Beli

Beli

Beli 1

Hapus BATAL

Keterangan Gambar

DATA PENGIRIMAN Pembayaran TIKIIcon bank pembayar JNE an

Gambar 5

Gambar 6

Gambar 7

Beli

Beli

Beli

Harga Master Supports/d

CARI Tabel Provinsi Tabel Kota Produk Terlaku Tabel Detail Pengiriman Tabel Jasa Pengiriman Tabel Petugas Gambar Gambar 8 Laporan Ongkos Kirim : (Rp.0 x 2 Kg) Rp. 0 MEMBER Beli Keterangan Gambar PESANAN RETURProduk Banyak Dilihat




Gambar 3-55 Antarmuka edit password


125

h. Antarmuka Tabel Kategori A06 P0 Selamat Datang : username

[ LOGOUT ]


Pesanan


Retur TRANSAKSI

Komentar

Logout

Home

Site Map

KATALOG Tanggal



0 Item


KERANJANG BELANJA SELAMAT DATANG di TOKO ONLINE SUPPLIES Kategori Gunakan fasilitas ini untuk Master Produk melihat pesanan. Untukstatus mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, Jenis No. Kategori belanja CARI yang ingin Anda gunakan. Klik tombol "Checkout" untuk melanjutkan ke langkah berikutnya untuk pilihlah jasa pengiriman mempercepat proses Tabel Kategori belanja. Tabel Jenis Tambah BerikutProduk ini adalah perincian isi keranjang belanja AndaBatal ( 1 ). Warna Baru Tabel Barang Gambar 1 Gambar 2 Gambar 3 Gambar 4 Kategori Beli

DAFTAR KATEGORI BARANG

Beli

Beli

Beli 1

No Nama Kategori Keterangan Gambar

Tambah

Gambar 5

Gambar 6

Gambar 7

Beli

Beli

Beli

Pembayaran TIKIIcon bank pembayar JNE an







Gambar 3-56 Antarmuka tabel kategori

i. Antarmuka Tabel Jenis A06 P0 Selamat Datang : username

[ LOGOUT ]


Pesanan


Retur TRANSAKSI

Komentar

Logout

Home

Site Map

KATALOG Tanggal



0 Item


KERANJANG BELANJA SELAMAT DATANG di TOKO ONLINE SUPPLIES Kategori Gunakan fasilitas ini untuk Master Produk melihat pesanan. Untukstatus mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, Jenis No. Kategori belanja CARI yang ingin Anda gunakan. Klik tombol "Checkout" untuk melanjutkan ke langkah berikutnya untuk pilihlah jasa pengiriman mempercepat proses Tabel Kategori belanja. Tabel Jenis Berikut ini Jenis adalah perincian isi keranjang belanja Anda ( 1 ). Warna Tabel Barang Gambar 2 Gambar 3 Gambar 4 Jenis Tambah Jenis Beli

Batal

Beli

Beli

Beli 1

DAFTAR Gambar KATEGORI BARANG Keterangan No

Nama Kategori

Nama Jenis

Tambah Gambar 6

Gambar 7


Beli

Beli

Beli






Gambar 3-57 Antarmuka tabel jenis


126

j. Antarmuka Tabel Barang A10 P0 Selamat Datang : username

[ LOGOUT ]


Pesanan


Retur TRANSAKSI

Komentar

Logout

Home

Site Map

KATALOG Tanggal



0 Item


KERANJANG BELANJA SELAMAT DATANG di TOKO ONLINE SUPPLIES Kategori Gunakan fasilitas ini untuk Kode Barang : Master Produk melihat pesanan. Kategori Untukstatus mengubah jumlah barang,: ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, Jenis No. belanja CARI yang ingin pilihlah jasa Jenispengiriman : Anda gunakan. Klik tombol "Checkout" untuk melanjutkan ke langkah berikutnya Tabel untuk Kategori mempercepat proses belanja.Nama Barang : Tabel Jenis Berikut ini adalah perincian isi keranjang belanja Anda ( 1 ). Warna Warna : Jenis Tabel Barang Gambar 3 Gambar 4 Ukuran Letter : cm Harga Harga : Master Supports/d Beli Beli Beli Beli Diskon : % CARI Tabel Provinsi 1 Berat : /kg Tabel Kota Keterangan : Produk Terlaku Tabel Detail Pengiriman Keterangan Gambar Tabel Jasa Pengiriman Tabel Petugas Stok : Gambar Gambar 6 Gambar 7 Gambar 8 Browse Upload Gambar : Laporan Pembayaran Ongkos Kirim : (Rp.0 x 2 Kg) Rp. 0 Batal 1 Tambah Barang Halaman TIKIIcon bank MEMBER Beli Beli Beli Beli Keterangan Gambar pembayar DAFTAR BARANG PESANAN JNE an RETURProduk Banyak Dilihat Nama Barang Warna No Kategori Ukuran Harga TAMBAH Stok PANDU


LOGO Gambar Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi. PAYPAL SUB TOTAL BELANJA : Rp. 120.000 Copyright ® 2011 Yuli yanti @ CV. SENTOSO Keterangan Gambar Jl.Cempaka Poncol TAMBAH BARANG Gambar 1 GambarGg. 2 5/1b, Pekalongan, Gambar 3 Jawa Tengah Gambar 4 CHECKOUT Keterangan : Ukuran Layar : Dinamis Tipe/ukuran font : Arial 14 Warna Latar : Putih Produk Terpopuler (Dibeli)



Gambar 3-58 Antarmuka tabel barang

k. Antarmuka Tabel Provinsi A11 P0 Selamat Datang : username

[ LOGOUT ]


Pesanan


Retur TRANSAKSI

Komentar

Logout

Home

Site Map

KATALOG


Tanggal


0 Item


KERANJANG BELANJA SELAMAT DATANG di TOKO ONLINE SUPPLIES Kategori Gunakan fasilitas ini untuk Master Produk melihat pesanan. Untukstatus mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, Provinsi Jenis No. Nama belanja CARI yang :ingin Anda gunakan. Klik tombol "Checkout" untuk melanjutkan ke langkah berikutnya untuk pilihlah jasa pengiriman mempercepat proses Tabel Kategori belanja. Tabel Jenis Tambah BerikutProduk ini adalah perincian isi keranjang belanja AndaBatal ( 1 ). Warna Baru Tabel Barang Gambar 1 Gambar 2 Gambar 3 Gambar 4 Provinsi Harga Master Supports/d Beli Beli Beli Beli DAFTAR PROVINSI CARI Tabel Provinsi 1 Tabel Kota ID Nama Provinsi Tambah Produk Terlaku Tabel Detail Pengiriman Keterangan Gambar Tabel Jasa Pengiriman Tabel Petugas Gambar Gambar 5 Gambar 6 Gambar 7 Gambar 8 Laporan Pembayaran Ongkos Kirim : (Rp.0 x 2 Kg) Rp. 0 TIKIIcon bank MEMBER Beli Beli Beli Beli Keterangan Gambar pembayar PESANAN JNE an RETURProduk Banyak Dilihat PANDU LOGO Gambar Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi. PAYPAL SUB TOTAL BELANJA : Rp. 120.000 Copyright ® 2011 Yuli yanti @ CV. SENTOSO Keterangan Gambar Jl.Cempaka Poncol Gg. 5/1b, Pekalongan, Jawa Tengah TAMBAH BARANG Gambar 1 Gambar 2 Gambar 3 Gambar 4 CHECKOUT Keterangan : Ukuran Layar : Dinamis Tipe/ukuran font : Arial 14 Warna Latar : Putih Produk Terpopuler (Dibeli)



Gambar 3-59 Antarmuka tabel provinsi


127

l. Antarmuka Tabel Kota A12 P0 Selamat Datang : username

[ LOGOUT ]


Pesanan


Retur TRANSAKSI

Komentar

Logout

Home

Site Map

KATALOG Tanggal



0 Item


KERANJANG BELANJA SELAMAT DATANG di TOKO ONLINE SUPPLIES Kategori Gunakan fasilitas ini untuk Master Produk melihat pesanan. Untukstatus mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, Provinsi Jenis No. Nama belanja CARI yang :ingin Anda gunakan. Klik tombol "Checkout" untuk melanjutkan ke langkah berikutnya untuk pilihlah jasa pengiriman mempercepat proses Tabel Kategori belanja. Tabel Jenis Berikut ini Jenis adalah perincian isi keranjang belanja Anda ( 1 ). Warna Tabel Barang Gambar 2 Gambar 3 Gambar 4 Nama Kota : Tambah Beli Kota

Batal

Beli

Beli

DAFTAR Gambar KOTA Keterangan ID

Nama Provinsi

Nama Kota

Tambah Gambar 6

Gambar 7


Beli

Beli


Beli 1

Beli






Gambar 3-60 Antarmuka tabel kota

m. Antarmuka Tabel Detail Pengiriman A13 P0 Selamat Datang : username

[ LOGOUT ]


Pesanan


Retur TRANSAKSI

Komentar

Logout

Home

Site Map

KATALOG Tanggal



0 Item


KERANJANG BELANJA SELAMAT DATANG di TOKO ONLINE SUPPLIES Kategori Gunakan fasilitas ini untuk Master Produk melihat pesanan. Untukstatus mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, Pengiriman Jenis No. Jasa belanja CARI yang :ingin Anda gunakan. Klik tombol "Checkout" untuk melanjutkan ke langkah berikutnya untuk pilihlah jasa pengiriman mempercepat proses Tabel Kategori belanja. Tabel Jenis Berikut ini Jenis adalah perincian isi keranjang belanja Anda ( 1 ). Warna Tabel Barang Gambar 2 Gambar 3 Gambar 4 Nama Kota Kirim : Onhkos

Beli

:

Beli

Beli

Beli


CARI Tabel Provinsi Tabel Kota Produk Terlaku Tabel Detail Pengiriman Tabel Jasa Pengiriman Tabel Petugas Gambar Gambar 6 Gambar 7 Gambar 8 Laporan TAMBAH Ongkos Kirim : (Rp.0 x 2 Kg) Rp. 0 ONGKOS KIRIM MEMBER Beli Beli Beli Keterangan Gambar PESANAN RETURProduk Banyak Dilihat 1

Tambah Kota Kirim Keterangan Gambar DAFTAR KOTAPENGIRIMAN Pembayaran NO JASA KIRIM TIKIIcon bank pembayar JNE an

KOTA KIRIM Beli

Batal




Gambar 3-61 Antarmuka tabel detail pengiriman


128

n. Antarmuka Tabel Jasa Pengiriman A14 P0 Selamat Datang : username

[ LOGOUT ]


Pesanan

Retur


TRANSAKSI

Komentar

Logout

Home

Site Map

KATALOG Tanggal



0 Item


KERANJANG BELANJA SELAMAT DATANG di TOKO ONLINE SUPPLIES Kategori Gunakan fasilitas ini untuk Master Produk melihat pesanan. Untukstatus mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, Jasa CARI : Jenis No. Nama belanja pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol "Checkout" untuk melanjutkan ke langkah berikutnya Tabel untuk Kategori mempercepat proses belanja. Tabel Jenis BerikutProduk ini adalah perincian isi keranjang belanja AndaBatal ( 1 ). Warna Tambah Baru Tabel Barang Gambar Jasa 1 Gambar 2 Gambar 3 Gambar 4

DAFTAR JASA PENGIRIMAN

Beli

Beli

Beli

Beli 1

ID Nama Jasa Keterangan Gambar

Tambah

Gambar 5

Gambar 6

Gambar 7

Beli

Beli

Beli








Gambar 3-62 Antarmuka tabel jasa pengiriman

o. Antarmuka Tabel Petugas A14 P0 Selamat Datang : username

[ LOGOUT ]


Pesanan


Retur TRANSAKSI

Komentar

Logout

Home

Site Map

KATALOG Tanggal



0 Item


KERANJANG BELANJA SELAMAT DATANG di TOKO ONLINE SUPPLIES Kategori Gunakan fasilitas ini untuk Master Produk melihat pesanan. Untukstatus mengubah jumlah barang,EMAIL ketik jumlah yang dikehendaki di kolom QTY. Periksalah telah Anda pesan dengan benar. Lalu, NAMA PETUGAS ALAMAT TELEPON/HP STATUSbarang yang TAMBAH Jenis No. belanja CARI yang ingin Anda gunakan. Klik tombol "Checkout" untuk melanjutkan ke langkah berikutnya untuk pilihlah jasa pengiriman mempercepat proses Tabel Kategori belanja. Tabel Jenis BerikutProduk ini adalah perincian isi keranjang belanja Anda ( 1 ). Warna Baru Tabel Barang Gambar 1 Gambar 2 Gambar 3 Gambar 4 Beli

Beli

Beli

Beli 1

Keterangan Gambar Gambar 5

Gambar 6

Gambar 7

Beli

Beli

Beli







Gambar 3-63 Antarmuka tabel petugas


129

C. Perancangan Pesan Pada gambar dibawah ini merupakan perancangan pesan yang terdapat pada aplikasi e-commerce SENTOSO. Adapun tampilan pesan yang ada adalah sebagai berikut :

130

M01

X

M02

Nama Lengkap Kosong.!

X

M03

X

Pilih Provinsi.!

ok

Pilih kota.!

ok

M04

X

M05

silahkan isi alamat tinggal anda!!.

ok

X

M06

X

silahkan isi no. telepon anda.

silahkan isi kode pos anda.

ok

ok

ok

M07

X

M08

silahkan isi no handphone anda.

X

M09

X

E-mail tidak valid!

silahkan isi e-mail anda.

ok

ok

ok

M10

X

M11

silahkan isi username anda.

X

M12

silahkan isi password anda.

ok

X

Password minimal 6 karakter sampai 15 karakter. ok

ok

M13

X

M14

silahkan ulangi password anda.

X

M15

Password Lama anda belum diisi

Password tidak sama.

ok

X

ok

ok

M16

X

M17

X

M18

silahkan isi telepon penerima, jika tidak ada isi dengan angka 0.

silahkan isi email penerima.

X

silahkan isi alamat yang dituju !!

ok

ok

M19

X

M20

silahkan isi nama penerima.

ok

X

M21

Data yang Anda cari tidak ditemukan!

ok

X

silahkan isi No. pemesanan anda.

ok

M22

X

M23

Username kosong

ok

X

M24

Silahkan isi nama kategori

Password kosong

ok

X

ok

ok

M25

X

M26

Silahkan pilih kategori barang

X

M27

Silahkan isi nama jenis

ok

Silahkan isi kode barang

ok

M28

X

M29

Silahkan pilih jenis

ok

X

M30

ok

ok

ok

X

Silahkan isi stok

M32

X

M33

Silahkan isi nama provinsi

ok

X

Silahkan isi harga

Silahkan isi nama barang

M31

X

ok

X

Silahkan isi nama kota

ok

Gambar 3-64 Perancangan Pesan

3.2.10

Jaringan Semantik

Jaringan simantik menggambarkan keterhubungan navigasi menu dari satu halaman ke halaman lainnya.

131

a. Jaringan Semantik Pengunjung T14

T15

1 M0

T02

08 ,M 07 ,M 06 ,M ,M14 05 ,M ,M13 04 ,M ,M12 03 ,M M11 02 ,M

T12

T03 T11

10 ,M ,

T01 T04

M0 9

T10

T05 T09

T08 T06 T07

Gambar 3-65 Jaringan Semantik Pengunjung

b. Jaringan Semantik Pelanggan M21

P12 P11 P02

P03

,M ,M07 ,M06 ,M05 ,M04 ,M03 ,M02 M 01

P10

08

P01 P04

2 M1

P09

,M M1 15 5 M1 2,

P05

M2 0

P08

P07

P06

Gambar 3-66 Jaringan Semantik Pelanggan

132

c. Jaringan Semantik Petugas A14

M22 ,M

A15

23

M3 3

A13 A01 A12

A03 A11 2 M3

A02 A04 A10 M2 7

,M 28

,M 29

,M 3

0, M 31

A05 A09

A08 M2 5 , M2

A06

6

A07

M 24

Gambar 3-67 Jaringan Semantik Peyugas

D. Perancangan Prosedural Sebagai langkah terakhir dalam proses perancangan yaitu merancang prosedural yang akan diimplementasikan ke dalam sistem. Prosedur ini akan digunakan sebagai algoritma dasar dalam mengkodekan prosedur yang ada. Adapun perancangan prosedural untuk membangun aplikasi e-commerce yang akan dibangun adalah sebagai berikut :

133

a.

Prosedural login Mulai

Masukkan Email dan Password

Cek E-mail dan Password kosong

Tampilkan Pesan email dan password dibutuhkan

Ya

Tidak

Cek Email dan Password

Tampilkan pesan ERROR: Email atau password salah

Invalid

Valid

Masuk Menu pelanggan

Selesai

Gambar 3-68 Prosedur login

b.

Prosedur Registrasi Start

Input data daftar member

Tampil pesan Data dibuthkan

Pengecekan Data Kosong

Data Kosong

Ya

Tidak Data terisi

Cek Validasi data

Salah

Tampil pesan Data Salah

Benar

Simpan Data Tampil Pesan Terima kasih Anda telah berhasil registrasi silahkan cek email untuk melakukan aktifasi Registrasi Berhasil

Finish

Gambar 3-69 Prosedur registrasi

134

c.

Prosedur Input Data Login Mulai

Masukkan Email dan Password

Cek E-mail dan Password kosong

Ya

Tampilkan Pesan email dan password belum diisi

Tidak

Cek Email dan Password

Invalid

Tampilkan pesan ERROR : Email atau password salah

Valid

Masuk Menu pelanggan

Selesai

Gambar 3-70 Prosedur input data login

d.

Prosedur Ganti Password Mulai

Input data password Baru

Password Baru

Cek password baru?

Tampil pesan data salah

invalid

vaid Ubah Password berhasil

Selesai

Gambar 3-71 Prosedur ganti password

135

e.

Prosedur Ubah Data Member Mulai

Input data member yang akan di ubah

Data profi member

Cek kelengkapan data profil

Data gagal disimpan

invalid

vaid Data profil Member berhasil diubah

Selesai

Gambar 3-72 Prosedur ubah data member

f.

Ubah Data Petugas Mulai

Input data member yang akan di ubah

Data profi member

Cek kelengkapan data profil

Data gagal disimpan

invalid

vaid Data profil Member berhasil diubah

Selesai

Gambar 3-73 Ubah data petugas

136

g.

Prosedur Pesanan Barang Start

member pesan barang

Simpan pesanan di keranjang belanja

Cek stok barang

tidak Tersedia ya Konfirmasi pengiriman

Konfirmasi pesanan

Simpan pesanan

Cek lama pesanan

ya Sudah lebih dari 3 hari tidak Konfirmasi pembayaran

Pembatalan pesanan

tidak lunas

ya Cek status barang

tidak

Status barang menunggu

pengiriman

Konfirmasi pengiriman

ya

Pengiriman barang

tidak

ya selesai

Gambar 3-74 Pesanan barang

Barang pesanan diterima member

Finish

137

h.

Prosedur Tambah Data Barang Mulai

Input data barang yang akan ditambah

Tambah data Barang

Data Kosong

Tampil Pesan Data dibutuhkan

Ya

Tidak Penambahan tersimpan

Data Barang berhasil ditambah Tambah barang berhasil

Selesai

Gambar 3-75 Prosedur tambah data barang

i.

Prosedur Ubah Data Barang Mulai

Input data barang yang akan diubah

Data Barang

Data Kosong

Tampil Pesan Data tidak Boleh Kosong

Ya

Tidak Perubahan tersimpan

Data Barang berhasil diubah Ubah data barang berhasil

Selesai

Gambar 3-76 Prosedur ubah data barang

138

j.

Prosedur Ubah Data Kategori Mulai

Input data kategori yang akan diubah

Data Kategori

Tampil Pesan Data tidak Boleh Kosong

Data Kosong

Ya


Data kategori berhasil diubah Ubah data kategori berhasil

Selesai

Gambar 3-77 Ubah data kategori

k.

Prosedur Tambah Data Kategori Mulai

Input data kategori yang akan ditambah

Data Kategori

Data Kosong


Ya


Data kategori berhasil ditambah Tambah kategori berhasil

Selesai

Gambar 3-78 Prosedur tambah data kategori

139

l.

Prosedur Tambah Ongkos Kirim Mulai

Input data Ongkos kirim yang akan ditambah

Data Ongkos Kirim

Data Kosong


Ya


Data ongkos krirm berhasil ditambah Tambah ongkos kirim berhasil

Selesai

Gambar 3-79 Tambah ongkos kirim

m. Prosedur Ubah Ongkos Kirim Mulai

Input data Ongkos kirim yang akan diubah

Data Ongkos Kirim

Data Kosong


Ya

Tidak Perubahan tersimpan

Data ongkos kirim berhasil diubah Ubah data ongkos kirim berhasil

Selesai

Gambar 3-80 Ubah ongkos kirim

BAB 3 ANALISIS DAN PERANCANGAN SISTEM

Recommend Documents