BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang...

67
23 BAB III ANALISA SISTEM BERJALAN 3.1 Tinjauan Perusahaan 3.1.1 Sejarah Optik Krakal berdiri pada tahun 2003 yang didirikan oleh Bapak Guslan. Berawal dari hanya buka kios kecil saja di mall Cinere sampai usaha tersebut pun juga ikut dikelola oleh Ainun yaitu anak dari Bapak Guslan. Tahun pertama Optik Krakal berdiri frame yang dijual di Optik masih diambil dari sales karena masih melihat permintaan konsumen. Setelah melihat perkembangan yang dialami barulah Optik Krakal mengambil frame langsung ke distributor dan ada juga yang dibuat sendiri. Dari awal berdiri sampai sekarang Optik Mutia mengalami renovasi interior sebanyak satu kali untuk meningkatkan penjualan. Barang yang diperjual belikan di Optik Krakal tidak hanya sebatas kaca mata dan softlens saja tetapi juga menyediakan asesoris-asesoris yang secara tidak langsung berhubungan dengan kacamata. 3.1.2 Struktur Organisasi dan Fungsi Struktur organsisi adalah pengembangan secara grafik struktur kerja dari suatu organisasi,dengan adanya sturuktur organisasi ini dapat memberikan ketegasan dalam hal batas wewenang serta tanggung jawab kepada masing-masing anggota yang ditugaskan ini maka mereka akan dapat menunaikan tugasnya dengan baik. Secara garis besar struktur organisasi Optik Krakal dapat digambarkan sebagai berikut:

Transcript of BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang...

Page 1: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

23

BAB III

ANALISA SISTEM BERJALAN

3.1 Tinjauan Perusahaan

3.1.1 Sejarah

Optik Krakal berdiri pada tahun 2003 yang didirikan oleh Bapak Guslan.

Berawal dari hanya buka kios kecil saja di mall Cinere sampai usaha tersebut pun

juga ikut dikelola oleh Ainun yaitu anak dari Bapak Guslan. Tahun pertama Optik

Krakal berdiri frame yang dijual di Optik masih diambil dari sales karena masih

melihat permintaan konsumen. Setelah melihat perkembangan yang dialami barulah

Optik Krakal mengambil frame langsung ke distributor dan ada juga yang dibuat

sendiri. Dari awal berdiri sampai sekarang Optik Mutia mengalami renovasi interior

sebanyak satu kali untuk meningkatkan penjualan. Barang yang diperjual belikan di

Optik Krakal tidak hanya sebatas kaca mata dan softlens saja tetapi juga menyediakan

asesoris-asesoris yang secara tidak langsung berhubungan dengan kacamata.

3.1.2 Struktur Organisasi dan Fungsi

Struktur organsisi adalah pengembangan secara grafik struktur kerja dari suatu

organisasi,dengan adanya sturuktur organisasi ini dapat memberikan ketegasan dalam

hal batas wewenang serta tanggung jawab kepada masing-masing anggota yang

ditugaskan ini maka mereka akan dapat menunaikan tugasnya dengan baik.

Secara garis besar struktur organisasi Optik Krakal dapat digambarkan

sebagai berikut:

Page 2: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

24

Gambar III.1

Struktur Organisasi Optik Krakal

Sedangkan fungsi dari masing-masing bagan struktur organisasi dari Optik

Krakal tersebut yaitu:

1. Pemilik atau Manager

Pemilik merupakan top manajemen yang membuat keputusan akhir dari

kebijaksanaan sertas tanggung jawab penuh terhadap semua kegiatan yang ada pada

Optik Krakal. Fungsi dari pemilik perusahaan Optik Krakal adalah sebagai

penanggung jawab terhadap perkembangan perusahaan serta sebagai pengambil

keputusan dan kebijaksanaan perusahaan.

2. Administrasi

Fungsi dari administrasi adalah mengurus segala jenis urusan adminstrasi

perusahaan, mengatur masalah penggajian, mencatat dan membuat laporan.

Page 3: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

25

3. Bagian Pembuatan

Bagian ini memiliki fungsi sebagai pembuat kacamata maupun lensa ketika ada

pelanggan yang memesannya.

4. Bagian Order Barang

Bagian order barang menerima perintah dari bagian administrasi ntuk

melakukan pengorderan lensa ke distributor yang akan dipasangkan ke bingkai

kacamata.

3.2 Analisa Kebutuhan

Analisis Kebutuhan merupakan proses pengumpulan kebutuhan yang

dilakukan secara intensif untuk menentukan spesifikasi web agar dapat dipahami oleh

pengguna.

A. Analisis Kebutuhan Fungsional / Functional Requirements

Kebutuhan fungsional / Functional Requirements adalah kebutuhan-kebutuhan

yang memiliki keterkaitan langsung dengan sistem, menentukan kemampuan dan

layanan dari website yang ditawarkan. Kebutuhan fungsional dari Website Krakal

Olshop ini meliputi:

1. Kebutuhan Administrator

a. Melakukan login ke dalam sistem database

b. Admin dapat mengganti password lama dengan password baru

c. Admin dapat menambah, mengedit dan menghapus bank

d. Admin dapat menambah, mengedit dan menghapus jenis data kota

e. Admin dapat menambah, mengedit dan menghapus kategori yang ada di

database.

Page 4: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

26

f. Admin dapat menambah, mengedit dan menghapus produk / barang yang ada

di database

g. Admin dapat melihat data pelanggan yang ada di database

h. Admin dapat melihat daftar pemesanan dan dapat mengganti status pesanan

menjadi lunas atau batal

i. Admin dapat melihat data konfirmasi transfer pelanggan

j. Admin dapat melihat laporan-laporan data seperti laporan data kota, laporan

data tipe, laporan data produk, laporan data pelanggan, laporan data pemesanan

masuk dan laporan data pemesanan lunas.

k. Melakukan logout

2. Kebutuhan Pelanggan

a. Melakukan login pelanggan

b. Pelanggan dapat melihat tampilan home

c. Pelanggan dapat melihat profil website krakal Olshop

d. Pelanggan dapat melihat produk/barang yang ada di website Krakal Olshop

e. Pelanggan dapat melihat panduan berbelanja

f. Pelanggan dapat melihat barang berdasarkan kategori yang diinginkan

g. Pelanggan dapat melihat barang yang telah dibeli pada keranjang belanja

h. Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia

setelah mentransfer sesuai harga yang sudah ditentukan

i. Pelanggan dapat melihat tampil transaksi yang dimiliki

Page 5: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

27

3. Kebutuhan Tamu

a. Tamu dapat melihat tampilan home

b. Tamu dapat melihat profil website Krakal Olshop

c. Tamu dapat melihat tampilan barang

d. Tamu dapat melihat panduan berbelanja

e. Tamu dapat melihat kategori barang

f. Tamu dapat melakukan pendaftaran pelanggan baru

B. Analisi Kebutuhan Sistem Non Fungsional

Kebutuhan sistem Non fungsional adalah tipe kebutuhan yang berisi property

pelaku yang dimiliki oleh sistem.

1. Operasional

a. Perangkat Keras

Untuk merancang dan membuat media informasi berbasis web dibutuhkan

perangkat keras agar program aplikasi yang dibuat dapat berjalan dengan

baik. Spesifikasi perangkat keras yang digunakan dalam pembuatan website

ini, yaitu:

1. Processor : Intel(R) Celeron(R) CPU 1007U @ 1.50GHz 1.50GHz

2. RAM : 4.00 GB

3. Monitor : 11” HD Resolution

4. Harddisk : 500 GB 5400RPM SATA HDD

5. VGA : Intel(R) HD Graphick

Page 6: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

28

b. Perangkat Lunak

Software atau perangkat lunak yang digunakan untuk mendukung dan

merancang pembuatan media informasi berbasis website harus sesuai dengan

kebutuhan, yaitu :

1. Tahap Pembuatan

Software yang digunakan untuk membuat website ini adalah :

a. Sistem Operasi (Windows 10 Pro 64-bit)

b. Browser (Mozilla, Chrome, Internet Explorer)

c. Apache (Webserver)

d. Mysql (Database Server)

e. Software Perancangan (Adobe Dreamweaver CS5, XAMPP)

2. Tahap Implementasi

Tahap implementasi ini menggunakan

a. Sistem Operasi (Windows 10)

b. Browser (Mozilla, Chrome, Internet Explorer)

c. Pelanggan

Pelanggan dalam website ini dibagi menjadi 3 jenis yaitu Admin, Pelanggan

dan Tamu. Admin bertugas mengelola barang, kategori, melihat data

Pelanggan dan melihat data laporan yang berkaitan dengan transaksi.

Pelanggan / Member di sini adalah user pelanggan yang sudah mendaftar

menjadi member yang dapat melakukan transaksi beli atau biasa disebut

tambah keranjang dan juga dapat melakukan konfirmasi pengiriman yang

nantinya akan diketahui oleh admin. Sedangkan Pelanggan tamu hanya dapat

Page 7: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

29

melihat menu-menu tertentu tanpa dapat melakukan transaksi beli / tambah

keranjang sebelum pelanggan tersebut daftar menjadi member atau login

terlebih dahulu.

2. Informasi

Pesan informasi yang akan disampaikan oleh sistem secara otomatis untuk

memberikan informasi kepada pengguna. Informasi yang ditampilkan yaitu:

a. Informasi error oleh sistem apabila admin dan pelanggan salah memasukan

username ataupun password

b. Pesan informasi ditampilkan oleh sistem apabila admin menghapus data tipe,

data kota dan data produk

c. Pesan informasi ditampilkan oleh sistem apabila admin melakukan logout

atau keluar dari halaman administrator

d. Pesan informasi ditampilkan oleh sistem apabila tamu berhasil melakukan

pendaftaran baru/menjadi member

e. Pesan Informasi ditampilkan oleh sistem apabila pelanggan berhasil

melakukan konfirmasi pembayaran

3. Keamanan

a. Sistem yang dibuat mengharuskan pengguna maupun admin Login terlebih

dahulu dengan memasukkan username dan password

b. Log Out atau keluar dari website admin agar tidak terjadi manipulasi data

Page 8: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

30

3.3 Perancangan Perangkat Lunak

3.3.1 Rancangan Antar Muka

Menjelaskan rancangan antar muka (interface) yang terdapat pada sistem e-

commerce dalam KrakalOlshop. Adapun rancangan antarmuka dibagi menjadi 3

bagian yaitu:

A. Rancangan Antar Muka Halaman Admin

1. Rancangan Antar Muka Halaman Login Admin

Gambar III.2

Rancangan Antar Muka Halaman Login Admin

Page 9: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

31

2. Rancangan Antar Muka Halaman Beranda Admin

Gambar III.3

Rancangan Antar Muka Halaman Beranda Admin

Page 10: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

32

3. Rancangan Antar Muka Halaman Password Admin

Gambar III.4

Rancangan Antar Muka Halaman Password Admin

Page 11: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

33

4. Rancangan Antar Muka Halaman Bank

Gambar III.5

Rancangan Antar Muka Halaman Bank

Page 12: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

34

5. Rancangan Antar Muka Halaman Kota Tujuan

Gambar III.6

Rancangan Antar Muka Halaman Kota Tujuan

Page 13: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

35

6. Rancangan Antar Muka Halaman Kategori

Gambar III.7

Rancangan Antar Muka Halaman Kategori

Page 14: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

36

7. Rancangan Antar Muka Halaman Produk

Gambar III.8

Rancangan Antar Muka Halaman Produk

Page 15: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

37

8. Rancangan Antar Muka Halaman Kondisi

Gambar III.9

Rancangan Antar Muka Halaman Kondisi

Page 16: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

38

9. Rancangan Antar Muka Halaman Pelanggan

Gambar III.10

Rancangan Antar Muka Halaman Pelanggan

10. Rancangan Antar Muka Pemesanan

Gambar III.11

Rancangan Antar Muka Halaman Pemesanan

Page 17: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

39

11. Rancangan Antar Muka Halaman Konfirmasi

Gambar III.12

Rancangan Antar Muka Halaman Konfirmasi

12. Rancangan Antar Muka Halaman Laporan

Gambar III.13

Rancangan Antar Muka Halaman Laporan

Page 18: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

40

B. Rancangan Antar Muka Halaman Pelanggan

1. Rancangan Antar Muka Halaman Login Pelanggan

Gambar III.14

Rancangan Antar Muka Halaman Login Pelanggan

2. Rancangan Antar Muka Halaman Beranda

Gambar III.15

Rancangan Antar Muka Halaman Beranda

Page 19: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

41

3. Rancangan Antar Muka Halaman Profil

Gambar III.16

Rancangan Antar Muka Halaman Profil

4. Rancangan Antar Muka Halaman Produk

Gambar III.17

Rancangan Antar Muka Halaman Produk

Page 20: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

42

4. Rancangan Antar Muka Halaman Produk Detail

Gambar III.18

Rancangan Antar Muka Halaman Produk Detail

5. Rancangan Antar Muka Halaman Panduan

Gambar III.19

Rancangan Antar Muka Halaman Panduan

Page 21: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

43

6. Rancangan Antar Muka Halaman Keranjang Belanja

Gambar III.20

Rancangan Antar Muka Halaman Keranjang Belanja

8. Rancangan Antar Muka Halaman Konfirmasi Belanja

Gambar III.21

Rancangan Antar Muka Halaman Konfirmasi Belanja

Page 22: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

44

9. Rancangan Antar Muka Halaman Daftar Transaksi

Gambar III.22

Rancangan Antar Muka Halaman Daftar Transaksi

C. Rancangan Antar Muka Halaman Tamu

1. Rancangan Antar Muka Halaman Beranda Tamu

Gambar III.23

Rancangan Antar Muka Halaman Beranda Tamu

Page 23: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

45

2. Rancangan Antar Muka Halaman Profil Tamu

Gambar III.24

Rancangan Antar Muka Halaman Profil Tamu

3. Rancangan Antar Muka Halaman Produk Tamu

Gambar III.25

Rancangan Antar Muka Halaman Produk Tamu

Page 24: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

46

4. Rancangan Antar Muka Halaman Produk Detail Tamu

Gambar III.26

Rancangan Antar Muka Halaman Produk Detail Tamu

5. Rancangan Antar Muka Halaman Panduan Tamu

Gambar III.27

Rancangan Antar Muka Halaman Panduan Tamu

Page 25: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

47

6. Rancangan Antar Muka Halaman Pendaftaran

Gambar III.28

Rancangan Antar Muka Halaman Pendaftaran

Page 26: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

48

3.3.2 Rancangan Basis Data

A. Entity Relationship Diagram (ERD)

pelanggan

pelanggan_id

pelanggan_nama

pelanggan_gender

pelanggan_alamat

pelanggan_telepon

pelanggan_

username

pelanggan_email

pelanggan_daftar

pelanggan_

password

melakukan1 pemesanan1

pemesanan_alamat

pemesanan_penerimapemesanan_kode

pemesanan_tanggal

memiliki

pemesanan Detail

produk

memiliki

pemesanan_kode

pemesanan_kondisi

pemesanan_jumlah

produk_id

produk_nama

produk_stok

kategori_id

produk_keteranganproduk_id

produk harga

produk_gambar

memiliki kategori

kategori_deskripsikategori_id

kategori_nama

pemesanan_telepon

pemesanan_status

pemesanan_kodepos

pelanggan_id

kota_id

pemesanan_noresi

bank_id

melakukan

melakukan

konfirmasi

konfirmasi_pengirim

konfirmasi_transfer

konfirmasi_id

konfirmasi_keterangan

pelanggan_id

pemesanan_kode

konfirmasi_tanggal

bank_id

memiliki kota

kota_namakota_id

kota_tarif

M 1

M

1

M

M 1

1

11

1

Gambar III.29

Entity Relationship Diagram (ERD)

Page 27: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

49

B. Logical Relationship Structured (LRS)

Gambar III.30

Logical Relationship Structured (LRS)

C. Spesifikasi File

Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD (dan atau

file-file penunjang untuk web). File-file ini tersimpan pada database kacamata2

dengan parameter-parameter sebagai berikut:

1. Spesifikasi File Admin

Nama File : Admin

Akronim : admin

Fungsi : untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Page 28: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

50

Media : Harddisk

Panjang record : 123 Karakter

Kunci Field : admin_id

Software : Mysql

Tabel III.1

Spesifikasi File Admin

No Elemen Data Akronim Type Size Ket

1 Id admin admin_id Int 3 Primary Key

2 User name admin_username Varchar 20

3 Password admin_password Varchar 100

2. Spesifikasi File Bank

Nama File : Bank

Akronim : bank

Fungsi : untuk menyimpan data bank

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 45 Karakter

Kunci Field : bank_id

Software : Mysql

Page 29: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

51

Tabel III.2

Spesifikasi File Bank

No Elemen Data Akronim Type Size Ket

1 Id bank bank_id Int 5 Primary Key

2 Nama Bank bank_nama Varchar 20

3 Rekening Bank bank_rekening Varchar 20

3. Spesifikasi File Kategori

Nama File : Kategori

Akronim : kategori

Fungsi : untuk menyimpan data kategori

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 19 Karakter

Kunci Field : kategori_id

Software : Mysql

Tabel III.3

Spesifikasi File Kategori

No Elemen Data Akronim Type Size Ket

1 Id kategori kategori_id Int 4 Primary Key

2 Nama kategori kategori_nama Varchar 15

3 Deskripsi Kategori kategori_deskripsi Text

Page 30: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

52

4. Spesifikasi File Keranjang

Nama File : Keranjang

Akronim : keranjang

Fungsi : untuk menyimpan data keranjang belanja pelanggan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 57 Karakter

Kunci Field : keranjang_id

Software : Mysql

Tabel III.4

Spesifikasi File Keranjang

No Elemen Data Akronim Type Size Ket

1 Id keranjang keranjang_id Int 6 Primary Key

2 Jumlah keranjang_jumlah Int 11

3 Catatan keranjang_catatan Varchar 30

4 Waktu keranjang_waktu Datetime

5 Id Produk produk_id Int 4

6 Id Pelanggan pelanggan_id Int 6

5. Spesifikasi File Kondisi

Nama File : Kondisi

Akronim : kondisi

Fungsi : untuk menyimpan data kondisi mata pelanggan

Page 31: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

53

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 8 Karakter

Kunci Field : kondisi_id

Software : Mysql

Tabel III.5

Spesifikasi File Kondisi

No Elemen Data Akronim Type Size Ket

1 Id kondisi kondisi_id Int 3 Primary Key

2 Kondisi Mata kondisi_mata Varchar 5

6. Spesifikasi File Konfirmasi

Nama File : Konfirmasi

Akronim : konfirmasi

Fungsi : untuk menyimpan data konfirmasi

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 337 Karakter

Kunci Field : konfirmasi_id

Software : Mysql

Page 32: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

54

Tabel III.6

Spesifikasi File Konfirmasi

No Elemen Data Akronim Type Size Ket

1 Id konfirmasi konfirmasi_id Int 4 Primary

Key

2 Konfirmasi pengirim konfirmasi_pengirim Varchar 50

3 Konfirmasi transfer konfirmasi_transfer Int 11

4 Keterangan konfirmasi_keterangan Varchar 255

5 Tanggal konfirmasi_tanggal date

6 Kode pemesanan_kode Varchar 6

7 Id pelanggan pelanggan_id Int 6

8 Id Bank bank_id Int 5

7. Spesifikasi File Kota

Nama File : Kota

Akronim : kota

Fungsi : untuk menyimpan data kota

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 44 Karakter

Kunci Field : kota_id

Software : Mysql

Page 33: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

55

Tabel III.7

Spesifikasi File Kota

No Elemen Data Akronim Type Size Ket

1 Id kota kota_id Int 3 Primary Key

2 Nama Kota kota_nama Varchar 30

3 Tarif kota_tarif Int 11

8. Spesifikasi File Pelanggan

Nama File : Pelanggan

Akronim : pelanggan

Fungsi : untuk menyimpan data pelanggan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 496 Karakter

Kunci Field : pelanggan_id

Software : Mysql

Tabel III.8

Spesifikasi File Pelanggan

No Elemen Data Akronim Type Size Ket

1 Id pelanggan pelanggan_id Int 6 Primary

Key

2 Nama pelanggan pelanggan_nama Varchar 50

3 Jenis kelamin

pelanggan

pelanggan_gender Enum

4 Alamat pelanggan pelanggan_alamat Varchar 200

Page 34: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

56

5 Telepon pelanggan pelanggan_telepon Varchar 15

6 Email pelanggan pelanggan_email Varchar 100

7 Username pelanggan pelanggan_username Varchar 20

8 Password pelanggan pelanggan_password Varchar 100

9 Daftar pelanggan pelanggan_daftar Date

9. Spesifikasi File Pemasanan

Nama File : Pemesanan

Akronim : pemesanan

Fungsi : untuk menyimpan data pemesanan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 370 Karakter

Kunci Field : pemesanan_kode

Software : Mysql

Tabel III.9

Spesifikasi File Pemesanan

No Elemen Data Akronim Type Size Ket

1 Kode pemesanan pemesanan_kode Varchar 6 Primary

Key

2 Tanggal pemesanan pemesanan_tanggal Date

3 Penerima pemesanan pemesanan_penerima Varchar 50

4 Alamat pemesanan pemesanan_alamat Varchar 255

5 Kodepos pemesanan pemesanan_kodepos char 5

6 Telepon pemesanan pemesanan_telepon Varchar 15

Page 35: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

57

7 Status pemesanan pemesanan_status Enum

8 Nomor resi

pemesanan

pemesanan_noresi Varchar 25

9 Id pelanggan pelanggan_id Int 6

10 Id kota kota_id Int 3

11 Id bank bank_id Int 5

10. Spesifikasi File Detail Pemesanan

Nama File : Detail Pemesanan

Akronim : pemesanan_detail

Fungsi : untuk menyimpan data detail pemesanan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 45 Karakter

Kunci Field : -

Software : Mysql

Tabel III.10

Spesifikasi File Detail Pemesanan

No Elemen Data Akronim Type Size Ket

1 Jumlah pemesanan pemesanan_jumlah Int 5

2 Kondisi pemesanan pemesanan_kondisi Varchar 30

3 Kode pemesanan pemesanan_kode Varchar 6

4 IdProduk produk_id Int 4

Page 36: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

58

11. Spesifikasi File Produk

Nama File : Produk

Akronim : produk

Fungsi : untuk menyimpan data produk

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 385 Karakter

Kunci Field : produk_id

Software : Mysql

Tabel III.11

Spesifikasi File Produk

No Elemen Data Akronim Type Size Ket

1 Id produk produk_id Int 4 Primary

Key

2 Nama produk produk_nama Varchar 100

3 Stok produk produk_stok Int 11

4 Harga produk produk_harga Int 11

5 Gambar produk produk_gambar Varchar 255

6 Keterangan produk produk_keterangan text

7 Id kategori kategori_id Int 4

Page 37: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

59

3.3.3 Rancangan Struktur Navigasi

Struktur navigasi website digunakan untuk menggambarkan secara garis besar

isi dari seluruh situs web dan menggambarkan bagaimana hubungan antara isi-isi

tersebut

A. Rancangan Struktur Navigasi Admin

Gambar III.31

Rancangan Struktur Navigasi Admin

Page 38: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

60

B. Rancangan Struktur Navigasi Pelanggan

Gambar III.32

Rancangan Struktur Navigasi Pelanggan

C. Rancangan Struktur Navigasi Tamu

Gambar III.33

Rancangan Struktur Navigasi Tamu

Page 39: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

61

3.4. Implementasi dan Pengujian Unit

3.4.1 Implementasi

A. Rancangan Implementasi Antar Muka

Implementasi pada website e-commerce Krakal Olshop berdasarkan hasil

rancangan antarmuka adalah sebagai berikut:

1. Halaman Admin

a. Halaman Login Admin

Gambar III.34

Halaman Login Admin

Page 40: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

62

b. Halaman Beranda Admin

Gambar III.35

Halaman Beranda Admin

c. Halaman Password Admin

Gambar III.36

Halaman Password Admin Admin

Page 41: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

63

d. Halaman Bank

Gambar III.37

Halaman Bank

e. Halaman Kota Tujuan

Gambar III.38

Halaman Kota Tujuan

Page 42: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

64

f. Halaman Ketegori

Gambar III.39

Halaman Kategori

g. Halaman Produk

Gambar III.40

Halaman Produk

h. Halaman Kondisi

Gambar III.41

Halaman Kondisi

Page 43: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

65

i. Halaman Pelanggan

Gambar III.42

Halaman Pelanggan

j. Halaman Pemesanan

Gambar III.43

Halaman Pemesanan

k. Halaman Konfirmasi

Gambar III.44

Halaman Konfirmasi

Page 44: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

66

l. Halaman Laporan

Gambar III.45

Halaman Laporan

2. Halaman Pelanggan

a. Halaman Login Pelanggan

Gambar III.46

Halaman Login Pelanggan

Page 45: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

67

b. Halaman Beranda

Gambar III.47

Halaman Beranda

c. Halaman Profil

Gambar III.48

Halaman Profil

Page 46: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

68

d. Halaman Produk

Gambar III.49

Halaman Produk

e. Halaman Detail Produk

Gambar III.50

Halaman Detail Produk

Page 47: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

69

f. Halaman Panduan

Gambar III.51

Halaman Panduan

g. Halaman Keranjang Belanja

Gambar III.52

Halaman Keranjang Belanja

Page 48: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

70

h. Halaman Konfirmasi Belanja

Gambar III.53

Halaman Konfirmasi Belanja

Page 49: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

71

i. Halaman Daftar Transaksi

Gambar III.54

Halaman Daftar Transaksi

3. Halaman Tamu

a. Halaman Beranda Tamu

Gambar III.55

Halaman Beranda Tamu

Page 50: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

72

b. Halaman Profil

Gambar III.56

Halaman Profil

c. Halaman Produk

Gambar III.57

Halaman Produk

Page 51: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

73

d. Halaman Detail Produk

Gambar III.58

Halaman Detail Produk

e. Halaman Panduan

Gambar III.59

Halaman Panduan

Page 52: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

74

e. Halaman Pendaftaran Baru

Gambar III.60

Halaman Pendaftaran Baru

Page 53: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

75

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang

dibutuhkan untuk mengimplementasikan website yang penulis buat, yaitu:

1. Perangkat Keras (Hardware)

a. Server

1) CPU

(a) Processor : Intel(R) Celeron(R) CPU 1007U @ 1. 50 GHz

(b) RAM : 4.00 GB

(c) Hard Disk : 500 GB 5400RPM SATA HDD

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 2 Mbps

b. Client

1) CPU

(a) Processor : Intel(R) Pentium(R) 4

(b) RAM : 1.00 GB

(c) Hard Disk : 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 2 Mbps

Page 54: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

76

2. Perangkat Lunak (Software)

a. Server

1) Sistem operasi yang umum digunakan seperti: Microsoft Windows 10 Pro 64

bit

2) Aplikasi bundle web server seperti: Xampp, yang terdiri dari beberapa

komponen diantaranya:

(a) Aplikasi Xampp Control Panel v3.2.1

(b) Aplikasi PHP versi server 5.6.3

(c) Aplikasi MySQL versi server 5.6.21

(d) Aplikasi phpMyAdmin versi 4.2.11

(e) Aplikasi Apache server 2.4.10

3) Aplikasi web browser seperti: Google Chrome, Mozilla Firefox dan Internet

Explorer

b. Client

1) Sistem operasi yang umum digunakan seperti : Microsoft Windows

2) Aplikasi web browser seperti: Google Chrome, Mozilla Firefox dan Internet

Explorer.

Page 55: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

77

3.4.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang

fokus terhadap proses masukan dan keluaran program

1. Pengujian Terhadap Form Login Admin

Tabel III.12

Hasil Pengujian Black Box Testing Halaman Login Admin

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. User Id dan

password tidak

diisi kemudian

klik tombol login

User Id : (kosong)

Password: (kosong)

Sistem akan menolak

akses user dan

menampilkan “Harap

isi bidang ini”

Sesuai

harapan Valid

2. Mengetikkan user

ID dan password

tidak diisi atau

kosong kemudian

klik tombol login

User ID: 123

Password : (kosong)

Sistem akan menolak

akses user dan

menampilkan “Harap

isi bidang ini”

Sesuai

harapan Valid

3. User ID tidak diisi

(kosong) dan

password diisi

kemudian klik

tombol login

User Id: (kosong)

Password: 1234

Sistem akan menolak

akses user dan

menampilkan “Harap

diisi bidang ini”

Sesuai

harapan Valid

4. Mengetikkan

salah satu kondisi

salah pada user

ID atau password

kemudian klik

tombol login

User ID: admin

(benar)

Password: 1234

(salah)

Sistem akan menolak

akses user dan

menampilkan

“MAAF ANDA

TELAH GAGAL

LOGIN !”.

Sesuai

harapan

Valid

5. Mengetikkan user

ID dan password

dengan data yang

benar kemudian

klik tombol login

User ID: admin

(benar)

Password: admin

(benar)

Sistem menerima

akses login dan

kemudian langsung

menampilkan

“SELAMAT ANDA

TELAH BERHASIL

LOGIN !”

Sesuai

harapan

Valid

Page 56: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

78

2. Pengujian Terhadap Form Password Admin

Tabel III.13

Hasil Pengujian Black Box Testing Halaman Password Admin

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Password lama

dan password

baru tidak diisi

kemudian klik

tombol simpan

Password lama :

(kosong)

Password baru :

(kosong)

Sistem akan menolak

akses user dan

menampilkan “Harap

isi bidang ini”

Sesuai

harapan Valid

2. Mengetikkan

password lama

dan password

baru tidak diisi

atau kosong

kemudian klik

tombol simpan

Password lama : 123

Password baru :

(kosong)

Sistem akan menolak

akses user dan

menampilkan “Harap

isi bidang ini” Sesuai

harapan Valid

3. Password lama

tidak diisi

(kosong) dan

password baru

diisi kemudian

klik tombol

simpan

Password lama :

(kosong)

Password baru : 1234

Sistem akan menolak

akses user dan

menampilkan “Harap

diisi bidang ini” Sesuai

harapan Valid

4. Mengetikkan

salah pada

password lama

dan password

baru diisi

kemudian klik

tombol simpan

Password lama :

1234 (salah)

Password baru :

admin

Sistem akan menolak

akses user dan

menampilkan

“SIMPAN DATA

BARU GAGAL !”.

Sesuai

harapan

Valid

5. Mengetikkan

password lama

dan password

baru dengan data

yang benar

kemudian klik

tombol simpan

Password lama :

admin (benar)

Password baru :

admin1 (benar)

Sistem akan

menerima akses

simpan data dan

kemudian langsung

menampilkan

“SIMPAN DATA

BARU SUKSES !”

Sesuai

harapan

Valid

Page 57: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

79

3. Pengujian Terhadap Form Bank

Tabel III.14

Hasil Pengujian Black Box Testing Halaman Bank

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Nama bank dan

rekening bank

tidak diisi

kemudian klik

tombol simpan

nama bank :

(kosong)

rekening bank :

(kosong)

Sistem akan

menolak akses user

dan menampilkan

“Harap isi bidang

ini”

Sesuai

harapan Valid

2. Nama bank tidak

diisi atau

kosong, rekening

bank diisi

kemudian klik

tombol simpan

nama bank :

(kosong)

rekening bank :

1234

Sistem akan

menolak akses user

dan menampilkan

“Harap isi bidang

ini”

Sesuai

harapan Valid

3. Nama bank diisi,

rekening bank

tidak diisi atau

kosong

kemudian klik

tombol simpan

nama bank : BRI

rekening bank :

(kosong)

Sistem menerima

akses simpan data

dan kemudian

langsung

menampilkan

“SIMPAN DATA

BARU SUKSES !”

Sesuai

harapan Valid

4. klik tomobol

ubah, nama bank

dan rekening

bank tidak diisi

kemudian klik

tombol simpan

nama bank :

(kosong)

rekening bank :

(kosong)

Sistem akan

menolak akses user

dan menampilkan

“Harap isi bidang

ini”

Sesuai

harapan

Valid

5. klik tomobol

ubah, nama bank

tidak diisi,

rekening bank

diisi kemudian

klik tombol

simpan

nama bank :

(kosong)

rekening bank :

1234

Sistem akan

menolak akses user

dan menampilkan

“Harap isi bidang

ini”

Sesuai

harapan

Valid

6. klik tomobol

ubah, nama bank

diisi, rekening

bank tidak diisi

atau kosong

kemudian klik

tombol simpan

nama bank : BRI

rekening bank :

(kosong)

Sistem menerima

akses simpan data

dan kemudian

langsung

menampilkan

“SIMPAN DATA

BARU SUKSES !”

Sesuai

harapan

Valid

7. Klik Hapus pada

data bank.

Kemudian klik

OK.

Nama Tipe: (hapus) Sistem akan

menerima, lalu akan

langsung menghapus

otomatis.

Sesuai

harapan

Valid

Page 58: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

80

4. Pengujian Terhadap Form Kota Tujuan

Tabel III.15

Hasil Pengujian Black Box Testing Halaman Kota Tujuan

No. Skenario

pengujian

Test case Hasil yang diharapkan Hasil

pengujian

Kesimpulan

1 Nama Kota tidak

di isi, Tarif tidak

di isi. Kemudian

klik simpan.

nama kota :

(kosong)

Tarif : (kosong)

Sistem akan menolak

akses user dan

menampilkan “Harap isi

bidang ini”

Sesuai

harapan

Valid

2 Nama Kota di isi,

Tarif tidak di isi.

Kemudian klik

simpan.

nama kota :

(Bandung)

Tarif : (kosong)

Sistem akan menolak

akses user dan

menampilkan “Harap isi

bidang ini”

Sesuai

harapan

Valid

3 Nama Kota tidak

di isi, Tarif di isi.

Kemudian klik

simpan.

nama kota :

(kosong)

Tarif : (9000)

Sistem akan menolak

akses user dan

menampilkan “Harap isi

bidang ini”

Sesuai

harapan

Valid

4 Nama Kota di isi,

Tarif di isi.

Kemudian klik

simpan.

nama kota :

(Bandung)

Tarif : (9000)

Sistem menerima akses

simpan data dan kemudian

langsung menampilkan

“SIMPAN DATA BARU

SUKSES !”

Sesuai

harapan

Valid

5 Klik Ubah Kota,

Nama Kota tidak

di isi, Tarif tidak

di isi. Kemudian

klik simpan.

nama kota :

(kosong)

Tarif : (kosong)

Sistem akan menolak

akses user dan

menampilkan “Harap isi

bidang ini”

Sesuai

harapan

Valid

6 Klik Ubah Kota,

Nama Kota di isi,

Tarif tidak di isi.

Kemudian klik

simpan.

nama kota :

(Bandung)

Tarif : (kosong)

Sistem akan menolak

akses user dan

menampilkan “Harap isi

bidang ini”

Sesuai

harapan

Valid

7 Klik Ubah Kota,

Nama Kota tidak di

isi, Tarif di isi.

Kemudian klik

simpan.

nama kota :

(kosong)

Tarif : (9000)

Sistem akan menolak

akses user dan

menampilkan “Harap isi

bidang ini”

Sesuai

harapan

Valid

8 Klik Ubah Kota,

Nama kota dan tarif

diisi. Kemudian

klik simpan

nama kota :

(Cirebon)

Tarif : (9000)

Sistem menerima akses

simpan data dan kemudian

langsung menampilkan

“SIMPAN DATA BARU

SUKSES !”

Sesuai

harapan

Valid

9 Klik Hapus pada

Kota Tujuan.

Kemudian klik

OK.

Nama Tipe:

(hapus)

Sistem akan menerima,

lalu akan langsung

menghapus otomatis.

Sesuai

harapan

Valid

Page 59: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

81

5. Pengujian Terhadap Form Kategori

Tabel III.16

Hasil Pengujian Black Box Testing Halaman Kategori

No. Skenario pengujian Test case Hasil yang diharapkan Hasil

pengujian

Kesimpulan

1 Nama kategori tidak di

isi, Deskripsi Kategori

tidak di isi. Kemudian

klik simpan.

nama kategori :

(kosong)

Deskripsi

Kategori :

(kosong)

Sistem akan menolak

akses user dan

menampilkan “Harap

isi bidang ini”

Sesuai

harapan

Valid

2 Nama kategori tidak di

isi, Deskripsi Kategori

di isi. Kemudian klik

simpan.

nama kategori :

(kosong)

Deskripsi

Kategori : (test)

Sistem akan menolak

akses user dan

menampilkan “Harap

isi bidang ini”

Sesuai

harapan

Valid

3 Nama kategori di isi,

Deskripsi Kategori

tidak di isi. Kemudian

klik simpan.

nama kategori :

(Aksesoris)

Deskripsi

Kategori :

(kosong)

Sistem menerima

akses simpan data dan

kemudian langsung

menampilkan

“SIMPAN DATA

BARU SUKSES !”

Sesuai

harapan

Valid

4 Klik Ubah Kategori,

Nama kategori tidak di

isi, Deskripsi Kategori

tidak di isi. Kemudian

klik simpan.

nama kategori :

(kosong)

Deskripsi

Kategori :

(kosong)

Sistem akan menolak

akses user dan

menampilkan “Harap

isi bidang ini”

Sesuai

harapan

Valid

5 Klik Ubah Kategori,

Nama kategori di isi,

Deskripsi Kategori

tidak di isi. Kemudian

klik simpan.

nama kategori :

(Aksesoris)

Deskripsi

Kategori :

(kosong)

Sistem menerima

akses simpan data dan

kemudian langsung

menampilkan

“SIMPAN DATA

BARU SUKSES !”

Sesuai

harapan

Valid

6 Klik Ubah Ketegori, Nama

kategori tidak di isi,

Deskripsi Kategori di isi.

Kemudian klik simpan.

nama kategori :

(kosong)

Deskripsi

Kategori : (test)

Sistem akan menolak

akses user dan

menampilkan “Harap

isi bidang ini”

Sesuai

harapan

Valid

7 Nama kategori di isi,

Deskripsi Kategori di

isi. Kemudian klik

simpan.

nama kategori :

(Aksesoris)

Deskripsi

Kategori : (test)

Sistem menerima

akses simpan data dan

kemudian langsung

menampilkan

“SIMPAN DATA

BARU SUKSES !”

Sesuai

harapan

Valid

8 Klik Hapus pada

Kategori. Kemudian

klik OK.

Nama Tipe:

(hapus)

Sistem akan menerima

dan langsung

menghapus otomatis.

Sesuai

harapan

Valid

Page 60: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

82

6. Pengujian Terhadap Form Produk

Tabel III.17

Hasil Pengujian Black Box Testing Halaman Produk

No. Skenario

Pengujian Text Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1 Nama Produk

tidak di isi, Stok

Produk tidak di

isi, Harga

Produk tidak di

isi, Gambar

Produk tidak di

isi, Keterangan

Produk tidak di

isi, Kategori

Produk tidak di

isi,Kemudian

klik simpan.

Nama Produk:

(kosong)

Stok Produk:

(kosong)

Harga Produk:

(kosong)

Gambar Produk:

(kosong)

Keterangan

Produk: (kosong)

Kategori Produk:

(kosong)

Sistem akan menolak

akses user dan

menampilkan

“Harap isi bidang

ini”

Sesuai

harapan

Valid

2 Nama Produk di

isi, Stok Produk

tidak di isi,

Harga Produk

tidak di isi,

Gambar Produk

tidak di isi,

Keterangan

Produk tidak di

isi, Kategori

Produk tidak di

isi,Kemudian

klik simpan.

Nama Produk:

(test)

Stok Produk:

(kosong) Harga

Produk: (kosong)

Gambar Produk:

(kosong)

Keterangan

Produk: (kosong)

Kategori Produk:

(kosong)

Sistem akan menolak

dan akan

menampilkan pesan:

1. Harap isi bidang

ini

2. Harap isi bidang

ini

3. Pilih File

4. Harap isi bidang

ini

5. Plih Item pada

daftar

Sesuai

harapan

Valid

3 Nama Produk di

isi, Stok Produk

di isi, Harga

Produk tidak di

isi, Gambar

Produk tidak di

isi, Keterangan

Produk tidak di

isi, Kategori

Produk tidak di

isi,Kemudian

klik simpan.

Nama Produk:

(test)

Stok Produk: (5)

Harga Produk:

(kosong)

Gambar Produk:

(kosong)

Keterangan

Produk: (kosong)

Kategori Produk:

(kosong)

Sistem akan menolak

dan akan

menampilkan pesan:

1. Harap isi bidang

ini

2. Pilih File

3. Harap isi bidang

ini

4. Harap isi bidang

ini

Sesuai

harapan

Valid

Page 61: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

83

4 Nama Produk di

isi, Stok Produk

di isi, Harga

Produk di isi,

Gambar Produk

tidak di isi,

Keterangan

Produk tidak di

isi, Kategori

Produk tidak di

isi,Kemudian

klik simpan.

Nama Produk:

(test)

Stok Produk: (5)

Harga Produk:

(500000)

Gambar Produk:

(kosong)

Keterangan

Produk: (kosong)

Kategori Produk:

(kosong)

Sistem akan menolak

dan akan

menampilkan pesan:

1. Pilih File

2. Harap isi bidang

ini .

3. Harap isi bidang

ini .

Sesuai

harapan

Valid

5 Nama Produk di

isi, Stok Produk

di isi, Harga

Produk di isi,

Gambar Produk

di isi,

Keterangan

Produk tidak di

isi, Kategori

Produk tidak di

isi,Kemudian

klik simpan.

Nama Produk:

(test)

Stok Produk: (9)

Harga Produk:

(500000)

Gambar Produk:

(gbrproduk.jpg)

Keterangan

Produk: (kosong)

Kategori Produk:

(kosong)

Sistem akan menolak

dan akan

menampilkan pesan:

1. Pilih Item pada

daftar

Sesuai

harapan

Valid

6 Nama Produk di

isi, Stok Produk

di isi, Harga

Produk di isi,

Gambar Produk

di isi,

Keterangan

Produk di isi,

Kategori Produk

tidak di

isi,Kemudian

klik simpan.

Nama Produk:

(test)

Stok Produk: (9)

Harga Produk:

(500000)

Gambar Produk:

(gbrproduk.jpg)

Keterangan

Produk: (test)

Kategori Produk:

(kosong)

Sistem akan menolak

dan akan

menampilkan pesan:

1. Pilih item pada

daftar

Sesuai

harapan

Valid

7 Nama Produk di

isi, Stok Produk

di isi, Harga

Produk di isi,

Gambar Produk

di isi,

Keterangan

Produk di isi,

Kategori Produk

di isi,Kemudian

klik simpan.

Nama Produk:

(test)

Stok Produk: (9)

Harga Produk:

(500000)

Gambar Produk:

(gbrproduk.jpg)

Keterangan

Produk: (test)

Kategori Produk:

(Aksesoris)

Sistem akan

menerima dan akan

menampilkan pesan:

“SIMPAN DATA

BARU SUKSES !”

Sesuai

harapan

Valid

8 Klik Hapus pada

data Produk

Kemudian klik

OK.

Nama Kategori:

(hapus)

Sistem akan

menerima, lalu akan

langsung menghapus

otomatis.

Sesuai

harapan

Valid

Page 62: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

84

7. Pengujian Terhadap Form Kondisi

Tabel III.18

Hasil Pengujian Black Box Testing Halaman Kondisi

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Kondisi mata

tidak diisi atau

kosong,

kemudian klik

simpan

kondisi mata :

(kosong)

Sistem akan menolak

akses user dan

menampilkan “Harap

isi bidang ini”

Sesuai

harapan Valid

2. kondisi mata

diisi, kemudian

klik simpan

kondisi mata : (test) Sistem menerima

akses simpan data dan

kemudian langsung

menampilkan

“SIMPAN DATA

BARU SUKSES !”

Sesuai

harapan Valid

3. Klik Hapus pada

data kondisi.

Kemudian klik

OK.

Nama Tipe: (hapus) Sistem akan

menerima, lalu akan

langsung menghapus

otomatis.

Sesuai

harapan

Valid

8. Pengujian Terhadap Form Pendaftaran Pelanggan

Tabel III.19

Hasil Pengujian Black Box Testing Halaman Pendaftaran Pelanggan

No. Skenario Pengujian

Text Case

Hasil Yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1 Nama Pelanggan,

Jenis Kelamin,

Alamat Pelanggan,

Telepon Pelanggan,

Email Pelanggan,

Username, dan

Password tidak di isi.

Kemudian klik

tombol daftar

Nama Pelanggan:

(kosong) Jenis

Kelamin: (kosong)

Alamat Pelanggan:

(kosong) Telepon

Pelanggan: (kosong)

Email Pelanggan:

(kosong) Username:

(kosong) Password:

(kosong)

Sistem akan

menolak dan akan

menampilkan pesan

“Harap isi bidang

ini”

Sesuai

harapan

Valid

Page 63: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

85

2 Nama Pelanggan di

isi, Jenis Kelamin

tidak di isi, Alamat

Pelanggan tidak di

isi, Telepon

Pelanggan tidak di

isi, Email Pelanggan

tidak di isi,

Username tidak di

isi, dan Password

tidak di isi.

Kemudian klik

tombol daftar

Nama Pelanggan:

(indah) Jenis

Kelamin: kosong)

Alamat Pelanggan:

(kosong) Telepon

Pelanggan: (kosong)

Email Pelanggan:

(kosong) Username:

(kosong) Password:

(kosong)

Sistem akan

menolak dan akan

menampilkan

pesan:

1. pilih item pada

daftar

2. Harap isi bidang

ini

3. Harap isi bidang

ini

4. Harap isi bidang

ini

5. Harap isi bidang

ini

6. Harap isi bidang

ini

Sesuai

harapan

Valid

3 Nama Pelanggan di

isi, Jenis Kelamin di

isi, Alamat

Pelanggan tidak di

isi, Telepon

Pelanggan tidak di

isi, Email Pelanggan

tidak di isi,

Username tidak di

isi, dan Password

tidak di isi.

Kemudian klik

tombol daftar

Nama Pelanggan:

(indah) Jenis

Kelamin:

(perempuan) Alamat

Pelanggan: (kosong)

Telepon Pelanggan:

(kosong)

Email Pelanggan:

(kosong) Username:

(kosong) Password:

(kosong)

Sistem akan

menolak dan akan

menampilkan

pesan:

1. Harap isi bidang

ini

2. Harap isi bidang

ini

3. Harap isi bidang

ini

4. Harap isi bidang

ini

5. Harap isi bidang

ini

Sesuai

harapan

Valid

4 Nama Pelanggan di

isi, Jenis Kelamin di

isi, Alamat

Pelanggan di isi,

Telepon Pelanggan

tidak di isi, Email

Pelanggan tidak di

isi, Username tidak

di isi, dan Password

tidak di isi.

Kemudian klik

tombol daftar

Nama Pelanggan:

(indah) Jenis

Kelamin:

(perempuan) Alamat

Pelanggan: (test)

Telepon Pelanggan:

(kosong)

Email Pelanggan:

(kosong) Username:

(kosong) Password:

(kosong)

Sistem akan

menolak dan akan

menampilkan

pesan:

1. Harap isi bidang

ini

2. Harap isi bidang

ini

3. Harap isi bidang

ini

4. Harap isi bidang

ini

Sesuai

harapan

Valid

5 Nama Pelanggan di

isi, Jenis Kelamin di

isi, Alamat

Pelanggan di isi,

Telepon Pelanggan

di isi, Email

Pelanggan tidak di

isi, Username tidak

Nama Pelanggan:

(indah) Jenis

Kelamin:

(perempuan) Alamat

Pelanggan: (test)

Telepon Pelanggan:

(02112345)

Email Pelanggan:

Sistem akan

menolak dan akan

menampilkan

pesan:

1. Harap isi bidang

ini

2. Harap isi bidang

ini

Sesuai

harapan

Valid

Page 64: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

86

di isi, dan Password

tidak di isi.

Kemudian klik

tombol daftar

(kosong)

Username: (kosong)

Password: (kosong)

3. Harap isi bidang

ini

6 Nama Pelanggan di

isi, Jenis Kelamin di

isi, Alamat

Pelanggan di isi,

Telepon Pelanggan

di isi, Email di isi,

Username tidak di

isi, dan Password

tidak di isi.

Kemudian klik

tombol daftar

Nama Pelanggan:

(indah) Jenis

Kelamin:

(perempuan)

Alamat Pelanggan:

(test) Telepon

Pelanggan:

(02112345)

Email Pelanggan:

([email protected])

Username: (kosong)

Password: (kosong)

Sistem akan

menolak dan akan

menampilkan

pesan:

1. Harap isi bidang

ini

2. Harap isi bidang

ini

Sesuai

harapan

Valid

7 Nama Pelanggan di

isi, Jenis Kelamin di

isi, Alamat

Pelanggan di isi,

Telepon Pelanggan

di isi, Email di isi,

Username di isi, dan

Password tidak di isi.

Kemudian klik

tombol daftar

Nama Pelanggan:

(indah) Jenis

Kelamin:

(perempuan)

Alamat Pelanggan:

(test) Telepon

Pelanggan:

(02112345)

Email Pelanggan:

([email protected])

Username: (fauziah)

Password: (kosong)

Sistem akan

menolak dan akan

menampilkan

pesan:

1. Harap isi bidang

ini

Sesuai

harapan

Valid

8 Nama Pelanggan di

isi, Jenis Kelamin di

isi, Alamat

Pelanggan di isi,

Telepon Pelanggan

di isi, Email di isi

ddengan nama,

Username di isi, dan

Password di isi.

Kemudian klik

tombol daftar

Nama Pelanggan:

(indah) Jenis

Kelamin:

(perempuan)

Alamat Pelanggan:

(test) Telepon

Pelanggan:

(02112345)

Email Pelanggan:

(test)

Username: (fauziah)

Password: (123)

Sistem akan

menolak akses user

dan langsung

menampilkan

“Sertakan ‘@’

pada alamat email

‘test’ tidak

memiliki ‘@’

Sesuai

harapan

Valid

9 Nama Pelanggan di

isi, Jenis Kelamin di

isi, Alamat

Pelanggan di isi,

Telepon Pelanggan

di isi, Email di isi,

Username di isi, dan

Password di isi.

Kemudian klik

tombol daftar

Nama Pelanggan:

(indah) Jenis

Kelamin:

(perempuan)

Alamat Pelanggan:

(test) Telepon

Pelanggan:

(02112345)

Email Pelanggan:

([email protected])

Username: (fauziah)

Password: (123)

Sistem menerima

akses simpan data

dan kemudian

langsung

menampilkan

“PENDAFTARAN

PELANGGAN

SUKSES !”

Sesuai

harapan

Valid

Page 65: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

87

10 Nama Pelanggan di

isi, Jenis Kelamin di

isi, Alamat

Pelanggan di isi,

Telepon Pelanggan

di isi, Email di isi,

Username dan

Password di isi sama

dengan sebelumnya

Kemudian klik

tombol daftar

Nama Pelanggan:

(indah) Jenis

Kelamin:

(perempuan)

Alamat Pelanggan:

(test) Telepon

Pelanggan:

(02112345)

Email Pelanggan:

([email protected])

Username: (fauziah)

Password: (123)

Sistem akan

menolak akses user

dan langsung

menampilkan

“MAAF USER

NAME TELAH

DIGUNAKAN”

Sesuai

harapan

Valid

9. Pengujian Terhadap Form Login Pelanggan

Tabel III.20

Hasil Pengujian Black Box Testing Halaman Login Pelanggan

No. Skenario

Pengujian Text Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1 Username dan

Password tidak di

isi, kemudian klik

tombol login

Username : (kosong)

Password : (kosong)

Sistem akan menolak

dan akan

menampilkan pesan

“Harap isi bidang ini”

Sesuai

harapan

Valid

2 Username di isi

benar dan

Password tidak di

isi, kemudian klik

tombol login

Username : fauziah

(benar)

Password : (kosong)

Sistem akan menolak

dan akan

menampilkan pesan

“Harap isi bidang ini”

Sesuai

harapan

Valid

3 Username tidak di

isi dan Password

di isi benar,

kemudian klik

tombol login

Username : (kosong)

Password : fauziah

(benar)

Sistem akan menolak

dan akan

menampilkan pesan

“Harap isi bidang ini”

Sesuai

harapan

Valid

4 Username di isi

salah dan

Password di isi

benar, kemudian

klik tombol login

Username : test

(salah)

Password : fauziah

(benar)

Sistem akan menolak

akses dan akan

menampilkan pesan:

“MAAF ANDA

TELAH GAGAL

LOGIN!”

Sesuai

harapan

Valid

5 Username di isi

benar dan

Password di isi

Username : fauziah

(benar)

Password : fauziah

stem akan menolak

akses dan akan

menampilkan pesan:

Sesuai

harapan

Valid

Page 66: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

88

salah, kemudian

klik tombol login

(salah) “MAAF ANDA

TELAH GAGAL

LOGIN!”

6 Username di isi

salah dan

Password di isi

salah, kemudian

klik tombol login

Username : test

(salah)

Password : test

(salah)

stem akan menolak

akses dan akan

menampilkan pesan:

“MAAF ANDA

TELAH GAGAL

LOGIN!”

Sesuai

harapan

Valid

7 Username di isi

benar dan

Password di isi

benar, kemudian

klik tombol login

Username : fauziah

(benar)

Password : fauziah

(benar)

Sistem akan menerima

akses login dan akan

menampilkan pesan:

“SELAMAT ANDA

TELAH BERHASIL

LOGIN!”

Sesuai

harapan

Valid

10. Pengujian Terhadap Form Konfirmasi Belanja

Tabel III.21

Hasil Pengujian Black Box Testing Halaman Konfirmasi Belanja

No. Skenario Pengujian

Text Case Hasil Yang Diharapkan Hasil

Pengujian

Kesimpulan

1 Nama Penerima,

Kota Tujuan, Kode

Pos, Nomor Telepon

tidak di isi, dan bank

tujuan transfer

kemudian klik

tombol lanjutkan

transaksi

Nama Penerima :

(kosong) Kota Tujuan :

(kosong) kode Pos :

(kosong) Kota Nomor

Telepon : (kosong)

Bank Tujuan Transfer :

(kosong)

Sistem akan menolak dan

akan menampilkan pesan:

“Harap isi bidang ini”

Sesuai

Harapan

Valid

2 Jika salah satu data

tidak di isi contoh:

Kota Tujuan tidak di

isi, kemudian klik

tombol lanjutkan

transaksi

Kota Tujuan : (kosong) Sistem akan menolak dan

akan menampilkan pesan:

“pilih item pada daftar”

Sesuai

Harapan

Valid

3 Nama Penerima,

Kota Tujuan, Kode

Pos, Nomor Telepon

di isi, Bank Tujuan

Transfer di isi.

Kemudian klik

tombol lanjutkan

transaksi

Nama penerima :

Fauziah Kota Tujuan :

Jakarta Kode Pos :

121310 Nomor

Telepon : 0211234

Bank Tujuan Transfer :

BCA

Sistem akan menerima

dan menyimpan data, dan

akan menampilkan pesan:

”TRANSAKSI SELESAI,

SILAHKAN LAKUKAN

PEMBAYARAN!”

Sesuai

Harapan

Valid

Page 67: BAB III ANALISA SISTEM BERJALAN...Pelanggan dapat melakukan konfirmasi dengan mengisi form yang tersedia setelah mentransfer sesuai harga yang sudah ditentukan i. Pelanggan dapat melihat

89

11. Pengujian Terhadap Form Konfirmasi Pembayaran

Tabel III.22

Hasil Pengujian Black Box Testing Halaman Konfirmasi Pembayaran

No. Skenario Pengujian

Text Case Hasil Yang Diharapkan Hasil

Pengujian

Kesimpulan

1 Atas Nama (Rekening),

Jumlah Transfer (Rp),

Keterangan tidak di

isi, kemudian klik

tombol konfirmasi

Atas Nama

(Rekening):

(kosong)

Transfer (Rp):

(kosong)

Keterangan:

(kosong)

Sistem akan menolak

dan akan menampilkan

pesan: “pilih item pada

daftar”

Sesuai

harapan

Valid

2 Jika salah satu data

tidak di isi contoh:

Jumlah Transfer (Rp)

tidak di isi, kemudian

klik tombol konfimasi

Jumlah Transfer

(Rp): (kosong)

Sistem akan menolak

dan akan menampilkan

pesan: “pilih item pada

daftar”

Sesuai

harapan

Valid

3 Atas Nama (Rekening),

Jumlah Transfer (Rp),

Keterangan di isi,

kemudian klik tombol

konfirmasi

Atas Nama

(Rekening): (test)

Transfer

(Rp):(458000)

Keterangan: (test)

Sistem akan menerima

dan menyimpan data,

dan akan menampilkan

pesan: “KONFIRMASI

PEMBAYARAN

SUKSES!”