bab iii pembahasan - repository.bsi.ac.id · diagram), lrs (logical record structure) dan merancang...

47
21 BAB III PEMBAHASAN 3.1 Analisa Kebutuhan Analisa kebutuhan dalam pembuatan Sistem Informasi Penjualan Merchandise AC Milan yang berbasis web, antara lain: 1. Kebutuhan Pengguna Kebutuhan Pengguna dalam perancangan ini terbagi menjadi kebutuhan pengunjung dan kebutuhan Pengelola website. a. Kebutuhan Pengunjung 1) Pengunjung yang berminat memesan produk-produk yang ada di halaman website ini diharuskan mendaftar terlebih dahulu, jika belum memiliki akun di website ini dengan mengisi form daftar untuk menjadi pelanggan. Tetapi jika pengunjung telah memiliki akun sebagai pelanggan, pengunjung tinggal memilih menu masuk dengan mengisi email dan password. 2) Pengunjung yang tidak berminat menjadi pelanggan atau tidak ingin memesan, dapat melihat-lihat produk yang telah disediakan di menu produk, atau bisa melihat halaman-halaman lainnya. b. Pengelola Website. 1) Pengelola website dapat menambah atau mengurangi barang yang di jual.

Upload: others

Post on 24-Aug-2020

10 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

21

BAB III

PEMBAHASAN

3.1 Analisa Kebutuhan

Analisa kebutuhan dalam pembuatan Sistem Informasi Penjualan

Merchandise AC Milan yang berbasis web, antara lain:

1. Kebutuhan Pengguna

Kebutuhan Pengguna dalam perancangan ini terbagi menjadi kebutuhan

pengunjung dan kebutuhan Pengelola website.

a. Kebutuhan Pengunjung

1) Pengunjung yang berminat memesan produk-produk yang ada di

halaman website ini diharuskan mendaftar terlebih dahulu, jika belum

memiliki akun di website ini dengan mengisi form daftar untuk menjadi

pelanggan. Tetapi jika pengunjung telah memiliki akun sebagai

pelanggan, pengunjung tinggal memilih menu masuk dengan mengisi

email dan password.

2) Pengunjung yang tidak berminat menjadi pelanggan atau tidak ingin

memesan, dapat melihat-lihat produk yang telah disediakan di menu

produk, atau bisa melihat halaman-halaman lainnya.

b. Pengelola Website.

1) Pengelola website dapat menambah atau mengurangi barang yang di jual.

Page 2: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

22

2) Pengelola website dapat mengunggah berita-berita terbaru tentang AC

Milan serta jadwal pertandingan.

3) Pengelola website dapat melihat laporan transaksi penjualan.

2. Kebutuhan Sistem

Kebutuhan sistem pada perancangan ini sebagai berikut:

1) User atau pelanggan dapat melihat halaman-halaman yang tersaji di

website ini.

2) User atau pelanggan dapat melakukan transaksi dengan cara memilih

produk yang ada pada menu produk, setelah mendapatkan produk yang

diinginkan user dapat memilih detail produk untuk masuk kedalam

halaman rincian produk lalu memilih tombol beli untuk melanjutkan

transaksi, setelah itu pelanggan diarahkan ke halaman keranjang belanja,

di halaman ini pelanggan dapat merubah jumlah pembelian atau

menghapus produk yang telah dipilih. Jika daftar produk yang ada di

halaman keranjang belanja diyakini sudah sesuai keinginan, user dapat

memilih tombol lanjutkan transaksi, pelanggan lalu diarahkan ke halaman

informasi data pengiriman atau telah dapat merubah alamat pengiriman

dan pelanggan dapat memlilih tombol update ongkos kirim, setelah

semua form diisi dengan benar pelanggan harus memilih tombol proses

pemesanan, pelanggan diarahkan kepada halaman rician detail transaksi,

pelanggan dapat menyimpan bukti transaksi dengan memilh “Cetak Bukti

Invoice”.

Page 3: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

23

3) Apabila user atau pelanggan telah melakukan transaksi harus melakukan

konfirmasi pembayaran di menu konfirmasi pembayaran untuk dapat

segera diproses dan melakukan pengiriman.

4) Jika User atau pelanggan telah selesai melakukan aktivitas di website ini,

pelanggan dapat memilih menu keluar.

5) Admin diharuskan login terlebih dahulu untuk dapat mengakses atau

masuk ke dalam halaman administrator.

6) Setelah masuk admin dapat melakukan aktivitas mengelola website sesuai

kebutuhan.

7) Admin dapat mengelola data produk, data kategori, data pelanggan, data

kota, data transaksi, dan agenda.

3.2 Perancangan Perangkat Lunak

Tahapan dimana dilakukan perancangan sistem dan perangkat lunak

terhadap solusi dari permasalahan yang ada melalui rancangan antar muka, rancangan

basis data dengan menggunakan pemodelan seperti ERD (Entity Relationship

Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi.

3.2.1 Rancangan Antar Muka

Rancangan antar muka merupakan gambaran dari tampilan web yang diusulkan

oleh penulis. Pada uraian dibawah ini dapat dijelaskan rancangan antar muka sistem

informasi penjualan merchandise AC Milan berbasis web.

Page 4: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

24

A. Rancangan Halaman Utama (index)

Halaman awal website saat dibuka.

Gambar III.1. Rancangan Halaman Utama (index)

Page 5: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

25

B. Rancangan Halaman Produk

Halaman produk / barang-barang yang dari beberapa aksesoris.

Gambar III.2. Rancangan Halaman Produk

Page 6: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

26

C. Rancangan Cara Pembelian

BERANDA PRODUK CARA PEMBELIAN CARA PEMBAYARAN TENTANG KAMI HUBUNGI KAMI AGENDA

CARA PEMBELIAN

Sebelum Memulai Transaksi

Bila anda Telah Memiliki Akun, Silahkan Pilih Menu Masuk Akun

Bila anda belum Memiliki Akun, Silahkan Pilih Menu Daftar Akun

Memilih produk yang akan Anda akan beli

Jika Anda Sudah Memiliki Akun, Proses Memilih produk yang akan Anda akan beli :

Dapat Memilih Produk di Halaman Depan / Beranda

Dapat Memilih Produk di Menu Produk

Menu Produk

Jika Sudah Menentukan produk yang ingin dipesan, Silahkan Klik Detail Produk Produk Untuk Melihat Detail Produk.

Kemudian pilih Menu "Beli".

Jika Anda Belum Memiliki Akun, Proses Memilih produk yang akan Anda akan beli :

Dapat Memilih Produk di Menu Produk

Menu Produk

Jika Sudah Menentukan produk yang ingin dipesan, Silahkan Klik Detail Produk Untuk Melihat Detail Produk.

Kemudian pilih Menu "Beli".

Gambar III.3. Rancangan Cara Pembelian

D. Rancangan Cara Pembayaran

BERANDA PRODUK CARA PEMBELIAN CARA PEMBAYARAN TENTANG KAMI HUBUNGI KAMI AGENDA

CARA PEMBAYARAN

Jenis Pembayaran (Via Transfer Bank)

Silahkan Anda Melakukan Transfer ke No. Rekening yang sudah ditentukan

Transfer sesuai total Pembelian ke Bank BCA : a/n Fahrizal, No.Rek. 0953 1829 95

Agar Lebih Memudahkan Silahkan Anda Konfirmasi Pembayaran : :

Sebelum Masuk Akun (Konfirmasi Pembayaran >> Masukan No Pemesanan >> Input Data Pembayaran)

Sesudah Masuk Akun (Konfirmasi Pembayaran >> Konfirmasi Pembayaran >> Pilih No Transaksi >> Input Data Pembayaran)

Pembayaran Maksimal 3 Hari dari Tanggal Pembelian, Jika Melebihi 3 Hari di Anggap Batal

Apabila pesanan sudah diterima dan ada kerusakan segera hubungi kami untuk proses penggantian.

Garansi selama 1 tahun (Garansi yang dimaksud bila terjadi kerusakan dikarenakan kualitas barang yang kami supply cacat

produksi BUKAN karena kesalahan pemakai.

Update Status Pengiriman dan Pembayaran setelah Anda Melakukan Pembayaran : 1x24 jam

Barang dikirim setelah pembayaran kami terima.

Kami akan menginformasikan berapa lama barang akan kami dikirim.

Lama Pengiriman : P. Jawa (1-6 Hari), Luar P. Jawa (>7Hari)

Gambar III.4. Rancangan Cara Pembayaran

Page 7: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

27

E. Rancangan Daftar User

DAFTAR DULU CUUY

Nama :

E-Mail :

Kota :

Kelurahan :

Kecamatan :

No. Telp :

Password :

Alamat :

RT

RW

DAFTAR

Gambar III.5. Rancangan Daftar User

F. Rancangan Hubungi Kami

BERANDA PRODUK CARA PEMBELIAN CARA PEMBAYARAN TENTANG KAMI HUBUNGI KAMI AGENDA

HUBUNGI KAMI

AC Milan

KantorJl. Menteng Rt 03/13 Kel. Menteng Kec. Bogor Barat

Telp. 081284305207

E-Mail [email protected]

Gambar III.6. Rancangan Hubungi

Page 8: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

28

G. Rancangan Kategori

LOGOHALLO ADMIN KELUAR

Tambah Data

No Nama Kategori Edit

1 KaosEDIT

HAPUS

AGENDABERANDA KOTA KATEGORI PRODUK PELANGGANLAPORAN

PEMESANANBERITA

Gambar III.7. Rancangan Kategori

H. Rancangan Masuk User

Login Terlebih Dahulu

Masukan Email

Masukan Password

MASUK

Gambar III.8. Rancangan Masuk User

Page 9: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

29

I. Rancangan Halaman Login Admin

Halaman untuk login admin untuk dapat mengolah data.

Gambar III.9. Rancangan Halaman Login Admin

J. Rancangan Halaman Beranda Admin

Halaman utama admin ketika pertama kali masuk.

Gambar III.10. Rancangan Halaman Beranda Admin

Page 10: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

30

K. Rancangan Halaman Pelanggan Admin

LOGOHALLO ADMIN KELUAR

Tambah Data

No Nama Pelanggan AksiKota Alamat Email No Telp

1 xxxxxxxxxxx EDIT HAPUSxxxxxxxxxxx xxxxxxxxxxx xxxx@xxxx 9999999

AGENDABERANDA KOTA KATEGORI PRODUK PELANGGANLAPORAN

PEMESANANBERITA

Gambar III.11. Rancangan Halaman Pelanggan Admin

L. Rancangan Halaman Produk Admin

LOGOHALLO ADMIN KELUAR

Tambah Data

No Nama Produk EditKategori Detail Produk Harga Produk Berat Stok Gambar

1 xxxxxxxxxxx EDIT HAPUSxxxxxxxxxxx xxxxxxxxxxx 9999999 9999999 9999999

IMAGE

AGENDABERANDA KOTA KATEGORI PRODUK PELANGGANLAPORAN

PEMESANANBERITA

Gambar III.12. Rancangan Halaman Produk Admin

Page 11: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

31

M. Rancangan Halaman Tentang

BERANDA PRODUK CARA PEMBELIAN CARA PEMBAYARAN TENTANG KAMI HUBUNGI KAMI AGENDA

TENTANG KAMI

Selamat Datang di Toko Aksesoris Penjualan aksesoris club bola AC Milan

ac merupakan sebuah bidang usaha yang bergerak dalam bidang penjualan aksesoris club bola AC Milan yang masih

tergolong skala usaha menegah ke bawah yang berdiri sejak tahun 2015 yang berlokasi didaerah Cimanggu Kota Bogor.

Karena pengalamannya dalam bidang jasa penjualan aksesoris club bola AC Milan, maka pemilik mulai mengeluti bisnis ini.

Bisnis ini bermula dari beberapa konsumen yang ingin membeli aksesoris club bola AC Milan dalam jumlah yang tidak

sedikit, tidak hanya konsumen perorangan, perusahaan, beberapa sekolah sampai komunitas atau organisasi membeli

produk dari aksesoris club bola AC Milan.

Kami menawarkan aneka aksesoris club bola AC Milan dengan harga terjangkau namun kualitas dapat bersaing dengan

produk lainnya. Kami menawarkan berbagai macam aksesoris club bola AC Milan seperti tshirt, jaket, topi dan lain-lain.

Visi

Menjadi perusahaan aksesoris club bola AC Milan terbaik dan terlengkap

Misi

Menyediakan produk yang berkualitas tinggi

Memenuhi kebutuhan pelanggan dengan pelayanan yang terbaik

Menyediakan produk-produk yang inovatif

Menyediakan produk-produk yang beranekaragam

Gambar III.13. Rancangan Halaman Tentang

3.2.2. Rancangan Basis Data

Pembuatan rancangan basis data untuk sistem informasi penjualan mainan

Online berbasis web ini diawali dengan membuat Entity Relationship

Diagram (ERD), yang kemudian dirubah menjadi Logical Record Structure (LRS),

gambaran dari LRS tersebut akan menghasilkan sebuah tabel relasi basis data.

Page 12: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

32

A. Entity Relationship Diagram (ERD)

Gambar III.5. Entity Relationship Diagram (ERD)

Page 13: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

33

B. Logical Record Structure (LRS)

Gambar III.6. Logical Record Structure (LRS)

Page 14: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

34

C. Spesifikasi File

Dalam perancangan website ini, penulis menggunakan sebuah database yang

bernama acmilan_db. Database ini terdiri dari 11 tabel diantaranya yaitu :

1. Spesifikasi Tabel Pelanggan

Nama File : Tabel Pelanggan

Akronim File : pelanggan.MYD

Fungsi File : untuk mengolah data pelanggan

Type File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 55 Karakter

Kunci Field : kd_ pelanggan

Tabel III.1

Spesifikasi Tabel Pelanggan

No Elemen data Akronim Type Size Keterangan

1 Kode pelanggan kd_pelanggan Int

4 Primary Key+

Auto_increment

2 Email Email Text -

3 Password Password Varchar 10

4 Nama Nama Varchar 25

5 Id kota id_kota Int 4 Foreign Key

6 Alamat user alamat_user Text -

7 Telepon Telepon Varchar 12

Page 15: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

35

2. Spesifikasi Tabel Kota

Nama File : Tabel Kota

Akronim File : kota.MYD

Fungsi File : untuk mengolah data kota

TypeFile : File Master

Organisasi File : Index Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 84 Karakter

Kunci Field : id_kota

Tabel III.2

Spesifikasi Tabel Kota

No Elemen data Akronim Type Size Keterangan

1 Idkota id_kota Int 4 Primary Key+

Auto_Increment

2 Nama Kota nama_kota Varchar 50

3 Layanan Oke Oke Double -

4 Layanan Yes Yes Double -

5 Layanan Reg Reg Double -

6 Lama Oke lama_oke Varchar 10

7 Lama Yes lama_yes Varchar 10

8 Lama Reg lama_reg Varchar 10

Page 16: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

36

3. Spesifikasi Tabel Pesan

Nama File : Tabel Pesan

Akronim File : pesan.MYD

Fungsi File : untuk mengolah data pemesanan

TypeFile : File Transaksi

Organisasi File : Index Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 41 Karakter

Kunci Field : idPesan

Tabel III.3

Spesifikasi Tabel Pesan

No Elemen data Akronim Type Size Keterangan

1 Id pesan Idpesan Char 12 Primary Key

2 Kode pelanggan kd_pelanggan Int 4 Foreign Key

3 Id Kota id_kota Int 4 Foreign Key

4 Tanggal Tgl Date -

5 Status Stat Enum - ('Proses', Berhasil)

6 Total Harga total_harga double -

7 Total item total_item Int 11

8 Total ongkir total_ongkir double -

9 Paket Kirim Paket varchar 10

10 Alamat Alamat Text -

Page 17: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

37

4. Spesifikasi Tabel Pesandet

Nama File : Tabel Pemesanan Detail

Akronim File : pesandet.MYD

Fungsi File : untuk mengolah data detail pemesanan

TypeFile : File Transaksi

Organisasi File : Index Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 20 Karakter

Kunci Field : -

Tabel III.4

Spesifikasi Tabel Pesandet

No Elemen data Akronim Type Size Keterangan

1 Id pesan idPesan Char 12 Foreign Key

2 Id Produk id_produk Int 4 Foreign Key

3 Harga Harga_det Double -

4 Jumlah Jml Int 4

5. Spesifikasi Tabel Pembayaran

Nama File : Tabel Pembayaran

Akronim File : pembayaran.MYD

Fungsi File : untuk mengolah data pembayaran

TypeFile : File Transaksi

Page 18: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

38

Organisasi File : Index Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 55 Karakter

Kunci Field : id_pembayaran

Tabel III.5

Spesifikasi Tabel Pembayaran

No Elemen data Akronim Type Size Keterangan

1 Id pembayaran id_pembayaran Int 4 Primary Key+

Auto_increment

2 Id Pesan Idpesan Char 12 Foreign Key

3 Id Admin id_admin Int 4 Foreign Key

4 Tanggal Bayar tgl_bayar Date -

5 Bank Bank Varchar 10

6 Atas Nama atas_nama Varchar 25

7 Nominal Nominal Double -

8 Status

Pembayaran status_pembayaran Enum - (Belum Lunas,'Lunas')

6. Spesifikasi Tabel Produk

Nama File : Tabel Produk

Akronim File : produk.MYD

Fungsi File : untuk mengolah data produk

Type File : File Master

Organisasi File : Index Sequential

Page 19: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

39

Akses File : Random

Media File : Harddisk

Panjang Record : 49,2 Karakter

Kunci Field : id_produk

Tabel III.6

Spesifikasi Tabel Produk

No Elemen data Akronim Type Size Keterangan

1

Idproduk id_produk Int

4 Primary Key +

Auto_Increment

2 Nama Nama Varchar 25

3 Detail Detail Text -

4 Id kategori id_kategori Int 4 Foreign Key

5 Harga Harga Double -

6 Berat Berat Decimal 5,2

7 Qty Qty Int 11

8 Gambar Gambar Text -

7. Spesifikasi Tabel Kategori

Nama File : Tabel Kategori

Akronim File : kategori.MYD

Fungsi File : untuk mengolah data kategori

TypeFile : File Master

Organisasi File : Index Sequential

Akses File : Random

Page 20: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

40

Media File : Harddisk

Panjang Record : 34 Karakter

Kunci Field : id_kategori

Tabel III.7

Spesifikasi Tabel Kategori

No Elemen data Akronim Type Size Keterangan

1 Id Kategori id_kategori Int 4 Primary Key+

Auto_increment

2 Nama Kategori nama_kategori varchar 30

8. Spesifikasi Tabel Admin

Nama File : Tabel Admin

Akronim File : admin.MYD

Fungsi File : untuk mengolah data admin

Type File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 39 Karakter

Kunci Field : id_admin

Page 21: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

41

Tabel III.8

Spesifikasi Tabel Admin

No Elemen data Akronim Type Size Keterangan

1 Id Admin id_admin Int 4 Primary Key+

Auto_increment

2 Username username varchar 10

3 Password password text -

4 Nama Nama varchar 25

9. Spesifikasi Tabel Agenda

Nama File : Tabel Agenda

Akronim File : agenda.MYD

Fungsi File : untuk mengolah data agenda

TypeFile : File Master

Organisasi File : Index Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 94 Karakter

Kunci Field : id_agenda

Page 22: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

42

Tabel III.9

Spesifikasi Tabel Agenda

No Elemen data Akronim Type Size Keterangan

1 Id Agenda id_agenda Int 4 Primary Key+

Auto_increment

2 Id Admin id_admin Int 4 Foreign Key

3 Nama Agenda nama_agenda Varchar 40

4 Tanggal agenda tgl_agenda Varchar 30

5 Tempat Tempat Varchar 20

10. Spesifikasi Tabel Komentar

Nama File : Tabel Komentar

Akronim File : komentar.MYD

Fungsi File : untuk mengolah data komentar

TypeFile : File Master

Organisasi File : Index Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 12 Karakter

Kunci Field : id_komentar

Page 23: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

43

Tabel III.10

Spesifikasi Tabel Komentar

No Elemen data Akronim Type Size Keterangan

1 Id Komentar id_komentar Int 4 Primary Key+

Auto_increment

2 Kd Pelanggan kd_pelanggan Int 4

3 Kd Berita Kd_berita Int 4

4 Isi Komentar Isi_komentar text -

11. Spesifikasi Tabel Berita

Nama File : Tabel Berita

Akronim File : berita.MYD

Fungsi File : untuk mengolah data berita

TypeFile : File Master

Organisasi File : Index Sequential

Akses File : Random

Media File : Harddisk

Panjang Record : 104 Karakter

Kunci Field : id_berita

Page 24: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

44

Tabel III.11

Spesifikasi Tabel Beita

No Elemen data Akronim Type Size Keterangan

1 Id Berita id_berita Int 4 Primary Key+

Auto_increment

2 Judul Judul Varchar 100

3 Isi Berita isi_berita Int 4

4 Tgl Berita tanggal_beria datetime -

3.2.3 Rancangan Struktur Navigasi

Dengan adanya aliran informasi yang tergambar dalam bentuk struktur

navigasi, akan membantu dalam menggambarkan isi dari setiap halaman dan link atau

navigasi antara halaman-halaman di dalam website tersebut. Secara sederhana aliran

informasi ini penulis gambarkan dalam bentuk struktur navigasi di bawah ini:

Page 25: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

45

1. Struktur Navigasi User

Gambar III.7. Struktur Navigasi User

Page 26: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

46

2. Struktur Navigasi Admin

Gambar III.8. Struktur Navigasi Admin.

Page 27: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

47

3.3. Implementasi dan Pengujian Unit

3.3.1 Implementasi

A. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada Perancangan Sistem Informasi

Penjualan Merchandise AC Milan Berbasis Web.

1. Halaman Login Admin

Halaman yang menampilkan Login untuk Admin

Gambar III.18. Implementasi Login Admin

2. Halaman Beranda Admin

Halaman Utama Admin ketika awal masuk ke halaman admin

Gambar III.19. Implementasi Beranda Admin

Page 28: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

48

3. Halaman Data Pelanggan

Gambar III.20. Implementasi Data Pelanggan

4. Halaman Data Pemesanan

Gambar III.21. Implementasi Data Pemesanan

Page 29: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

49

5. Halaman Data Produk

Gambar III.22. Implementasi Data Produk

6. Halaman Data Kategori

Gambar III.23. Implementasi Data Kategori

Page 30: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

50

7. Halaman Data Kota

Gambar III.24. Implementasi Data Kota

8. Halaman Data Laporan

Gambar III.25. Implementasi Data Laporan

Page 31: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

51

9. Halaman Data Agenda

Gambar III.26. Implementasi Data Agenda

10. Halaman Beranda User

Gambar III.27. Implementasi Beranda User

Page 32: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

52

11. Halaman Login User

Gambar III.28. Implementasi Login User

12. Halaman Daftar User

Gambar III.29. Implementasi Daftar User

Page 33: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

53

13. Halaman Produk User

Gambar III.30. Implementasi Produk User

14. Halaman Cara Pembayaran User

Gambar III.31. Implementasi Cara Pembayaran User

Page 34: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

54

15. Halaman Cara Beli User

Gambar III.32.

Implementasi Cara Beli User

16. Halaman Agenda User

Gambar III.33. Implementasi Agenda User

Page 35: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

55

17. Halaman Berita User

Gambar III.34. Implementasi Berita User

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang dibutuhkan untuk mengimplementasikan aplikasi sistem informasi Penjualan

Merchandise AC Milan Berbasis Web.

1) Spesifikasi Perangkat Keras

a. Server

1. CPU

Page 36: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

56

a) Processor Intel® Pentium® Core i3

b) RAM DDR32 GB

c) Hard Disk 500 GB

2. Mouse

3. Keyboard

4. Monitor dengan resolusi layar minimum 1366x768

5. Koneksi internet dengan kecepatan 2 Mbps.

b. Client

1. CPU

a. Processor Intel® Pentium® 4

b. RAM DDR2 1GB

c. Hard Disk 20 GB

d. Mouse

e. Keyboard

2. Monitor dengan resolusi layar minimum 1024x768

3. Koneksi internet dengan kecepatan 56 kbps.

2) Spesifikasi Perangkat Lunak

1. Server

a. Sistem Operasi yang digunakan adalah Microsoft Windows.

b. Menggunakan MySQL sebagai database.

c. Adobe Photoshop CS 6, yang digunakan sebagai pengolah grafis dari logo

hingga gambar untuk desain web.

d. Menggunakan Mozilla Firefox sebagai web browser.

Page 37: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

57

e. Macromedia 8

2. Client

a. Aplikasi web browser seperti Mozilla Firefox atau Google Chrome.

b. Sistem Operasi yang umumnya digunakan seperti : Microsoft Windows

3.3.2 Pengujian Unit

Pengujian yang dilakukan terhadap program yang dibuat menggunakan

blackbox testing yang fokus terhadap proses masukan dan keluaran program untuk

mengetahui kekurangan dari program dan program berjalan sesuai dengan yang

diharapkan.

A. Pengujian Terhadap Halaman Masuk Akun

Tabel III.12.

Hasil Pengujian Black Box Testing pada Halaman Masuk Akun User

No. Skenario

Pengujian Test Case

Hasil yang

diharapkan

Hasil

Pengujian Kesimpulan

1 Seluruh field

yang ada pada

form masuk

akun tidak di isi,

kemudian klik

Masuk.

Email:

(kosong)

Password :

(kosong)

Sistem akan

menolak

akses dan

menampilkan

pesan “ Maaf

e-mail

kosong atau

salah”

Sesuai

Harapan

Valid

2 Mengetikkan

email dan field

yang lainnya

tidak di isi,

kemudian klik

Masuk

Email :

(fahrizal@gm

ail.com)

Password :

(kosong)

Sistem akan

menolak

akses dan

menampilkan

pesan “ Maaf

Password

kosong atau

salah”

Sesuai

Harapan

Valid

Page 38: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

58

3 Mengetikkan

email dan

password yang

tidak sesuai

kemudian klik

Masuk

Email:

(fahri@gmail

.com)

Password :

(123)

Sistem akan

menolak

akses dan

menampilkan

pesan “Maaf,

Email dan

Password

anda salah”

Sesuai

Harapan

Valid

4 Mengetikkan

emaild an

password yang

sesuai kemudian

klik Masuk

Email :

(fahri@gmail

.com)

Password :

(12345)

Sistem akan

menerima

akses dan

menampilkan

pesan “

Selamat

Berhasil

Login”

Sesuai

Harapan

Valid

B. Pengujian Terhadap Halaman Login Admin

Tabel III.13

Hasil Pengujian Black Box Testing pada Halaman Login Admin

No. Skenario

Pengujian Test Case

Hasil yang

diharapkan

Hasil

Pengujian Kesimpulan

1 Seluruh

field yang

ada pada

form login

tidak di isi,

kemudian

klik login.

Username :

(kosong)

Password :

(kosong)

Sistem akan

menolak untuk

login dan

menampilkan

pesan

“Masukan

Username dan

Password yang

benar”

Sesuai

Harapan

Valid

2 Mengetikkan

username

dan field

yang lainnya

tidak di isi,

kemudian

login

Username :

(admin)

Password:

(kosong)

Sistem akan

menolak untuk

login dan

menampilkan

pesan

“Masukan

Username dan

Password yang

benar”

Sesuai

Harapan

Valid

Page 39: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

59

3 Mengetikkan

username

dan

password,

kemudian

login

Username :

(admin)

Password :

(admin)

Sistem

menerima

untuk login

dan

menampilkan

pesan”Selamat

Berhasil

Login”.

Sesuai

Harapan

Valid

C. Pengujian Terhadap Form Tambah Kategori

Tabel III.14.

Hasil Pengujian Black Box Testing pada Halaman Tambah Kategori

No. Skenario

Pengujian Test Case

Hasil yang

diharapkan

Hasil

Pengujian Kesimpulan

1 Seluruh

field yang

ada pada

form tambah

kategori

tidak di isi,

kemudian

klik simpan.

Nama Kategori :

(kosong)

Gambar : (kosong)

Sistem akan

menolak

untuk

menyimpan

dan

menampilkan

pesan “

Nama

Kategori

Masih

Kosong”

Sesuai

Harapan

Valid

2 Mengetikkan

Nama

kategoridan

field yang

lainnya tidak

di isi,

kemudian

simpan

Nama Kategori :

(Kaos)

Gambar : (kosong)

Sistem akan

menolak

untuk

menyimpan

dan

menampilkan

pesan “Anda

belum

memilih

gambar”

Sesuai

Harapan

Valid

Page 40: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

60

3 Mengetikkan

Nama

Kategori dan

Gambar,

kemudian

Simpan

Nama Kategori :

(Kaos)

Gambar : (kaos.jpg)

Sistem

menerima

untuk

menyimpan

data dan

menampilkan

pesan”Data

sudah

disimpan”.

Sesuai

Harapan

Valid

D. Pengujian terhadap Form Tambah Produk

Tabel III.15.

Hasil Pengujian Black Box Testing pada Halaman Tambah Produk

No

.

Skenario

Pengujian Test Case

Hasil yang

diharapkan

Hasil

Pengujia

n

Kesimpula

n

1 Seluruh field

yang ada

pada form

tambah

produk tidak

di isi,

kemudian

klik simpan

produk.

nama produk:

(kosong)

Kategori produk :

(kosong)

Detail produk:

(kosong)

Harga:(kosong)

Berat

produk:(kosong)

stok produk:(kosong)

:(kosong)

gambar:(pilih file)

Sistem akan

menolak

untuk

menyimpan

dan

menampilka

n pesan “

maaf nama

produk

masih

kosong”

Sesuai

Harapan

Valid

2 Mengetikka

n nama dan

field yang

lain kosong

kemudian

klik simpan

produk.

nama produk: (kaos)

Kategori produk :

(kosong)

Detail produk:

(kosong)

Harga:(kosong)

Berat

produk:(kosong)

stok produk:(kosong)

:(kosong)

gambar:(pilih file)

Sistem akan

menolak

untuk

menyimpan

dan

menampilka

n pesan “

maaf,harga

kategori

masih

kosong

kategori

Sesuai

Harapan

Valid

Page 41: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

61

jenis produk

belum dipilih

stok, detail

produk

masih

kosong

belum

memilih

gambar”

3 Mengetikka

n

nama,harga

dengan

huruf dan

field yang

lain kosong

kemudian

klik simpan

produk.

nama produk: (kaos)

Kategori produk :

(Baju)

Detail produk:

(kosong)

Harga:(kosong)

Berat

produk:(kosong)

stok produk:(kosong)

:(kosong)

gambar:(pilih file)

Sistem akan

menolak

untuk

menyimpan

dan

menampilka

n pesan “

maaf,detail

Masih

Kosong”

Sesuai

Harapan

Valid

4 Mengetikka

n

nama,harga

dan field

yang lain

kosong

kemudian

klik simpan

produk.

nama produk: (kaos)

Kategori produk :

(baju)

Detail produk:

(asadadsdadasd)

Harga:(kosong)

Berat

produk:(kosong)

stok produk:(kosong)

:(kosong)

gambar:(pilih file)

Sistem akan

menolak

untuk

menyimpan

dan

menampilka

n pesan “

maaf, harga

Masih

Kosong”

Sesuai

Harapan

Valid

5 Mengetikka

n nama,

harga,berat

dan field

yang lain

kosong

kemudian

klik simpan

produk.

nama produk: (kaos)

Kategori produk :

(baju)

Detail produk:

(asadasda)

Harga:(50000)

Berat

produk:(kosong)

stok produk:(kosong)

:(kosong)

gambar:(pilih file)

Sistem akan

menolak

untuk

menyimpan

dan

menampilka

n pesan “

maaf, berat

masih

kosong”

Sesuai

Harapan

Valid

6 Mengetikka

n nama,

harga,berat

nama produk: (koas)

Kategori produk :

(baju)

Sistem akan

menolak

untuk

Sesuai

Harapan

Valid

Page 42: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

62

kategori

dipilih dan

field yang

lain kosong

kemudian

klik simpan

produk.

Detail produk:

(sasadsadsada)

Harga:(50000)

Berat produk:(0.5)

stok produk:(kosong)

:(kosong)

gambar:(pilih file)

menyimpan

dan

menampilka

n pesan “

maaf stok

produk

masih

kosong”

7 Mengetikka

n nama,

harga,berat

kategori

jenis dipilih

dan field

yang lain

kosong

kemudian

klik simpan

produk.

nama produk: (kaos)

Kategori produk :

(baju)

Detail produk:

(asadasdasd)

Harga:(50000)

Berat produk:(0.5)

stok produk:(5)

gambar:(pilih file)

Sistem akan

menolak

untuk

menyimpan

dan

menampilka

n pesan “

maaf belum

memilih

gambar”

Sesuai

Harapan

Valid

8 Mengetikka

n nama,

harga,berat

kategori

jenis , stok

dengan

huruf dan

field yang

lain kosong

kemudian

klik simpan

produk.

nama produk:

(kaos)

Kategori produk :

(baju)

Detail produk:

(asadasdasd)

Harga:(50000)

Berat produk:(0.5)

stok produk:(5)

gambar:(gambar.jpg

)

Sistem akan

menyimpan

dan

menampilka

n pesan “

data berhasil

disimpan”

Sesuai

Harapan

Valid

Page 43: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

63

E. Pengujian terhadap Form Daftar User

Tabel III.16.

Hasil Pengujian Black Box Testing pada Halaman Daftar User

No Skenario

Pengujian Test Case

Hasil yang

diharapkan

Hasil

Pengujian Kesimpulan

1 Seluruh

field yang

ada pada

form daftar

tidak di isi,

kemudian

klik daftar

Nama: (Kosong)

E-mail: (Kosong)

No telp:(Kosong

Password :

(Kosong)

Re-password :

(Kosong)

Alamat:(Kosong)

Kecamatan:(Kosong

)

Sistem akan

menolak

untuk

menyimpan

data dan

menampilkan

pesan “Maaf

Nama, Email,

Telephone,

Password,

Re-Password

,alamat,kecam

atan Masih

Kosong”

Sesuai

Harapan

Valid

2 Mengetikan

Nama Anda

dan field

yang

lainnya

tidak di isi,

kemudian

klik daftar

Nama: (Fahri)

E-mail: (Kosong)

No telp:(Kosong

Password :

(Kosong)

Re-password :

(Kosong)

Alamat:(Kosong)

Kecamatan:(Kosong

)

Sistem akan

menolak

untuk

menyimpan

data dan

menampilkan

pesan “Maaf

Email,

Telephone,

Password,

Re-Password

,alamat,kecam

,atan Masih

Kosong”

Sesuai

Harapan

Valid

3 Mengetikan

Nama

Anda, E-

mail

Address dan

field yang

lainnya

tidak di isi,

Nama: (Fahri)

E-mail:

([email protected])

No telp:(Kosong

Password :

(Kosong)

Re-password :

(Kosong)

Sistem akan

menolak

untuk

menyimpan

data dan

menampilkan

pesan “Maaf,

Telephone,

Sesuai

Harapan

Valid

Page 44: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

64

kemudian

klik daftar

Alamat:(Kosong)

Kecamatan:(Kosong

)

Password,

Re-

Password,ala

mat,kecam,ata

n Masih

Kosong”

4 Mengetikan

Nama

Anda, E-

mail

Address

tanpa @

dan field

yang

lainnya

tidak di isi,

kemudian

klik daftar

Nama: (Fahri)

E-mail:

(Fahrigmail.com)

No telp:(Kosong

Password :

(Kosong)

Re-password :

(Kosong)

Alamat:(Kosong)

Kecamatan:(Kosong

)

Sistem akan

menolak

untuk

menyimpan

data dan

menampilkan

pesan “Maaf,

Email tidak

valid dan

Telephone,

Password,

Re-Password,

,alamat,kecam

,atan Masih

Kosong”

Sesuai

Harapan

Valid

5 Mengetikan

Nama

Anda,

Email

Address, No

Telp dan

field yang

lainnya

tidak di isi,

kemudian

klik daftar

Nama: (fahri)

E-mail:

([email protected])

No telp:(021879848)

Password :

(Kosong)

Re-password :

(Kosong)

Alamat:(Kosong)

Kecamatan:(Kosong

)

Sistem akan

menolak

untuk

menyimpan

data dan

menampilkan

pesan “Maaf,

, Password,

Re-Password,

,alamat,kecam

,atan Masih

Kosong”

Sesuai

Harapan

Valid

6 Mengetikan

Nama

Anda, Emai

Address,

No. telp,

Password

dan field

yang

lainnya

tidak di isi,

kemudian

klik daftar

Nama: (fahri)

E-mail:

([email protected])

No

telp:(085648489431)

Password : (12345)

Re-password :

(Kosong)

Alamat:(Kosong)

Kecamatan:(Kosong

)

Sistem akan

menolak

untuk

menyimpan

data dan

menampilkan

pesan “Maaf,

, Re-

Password,ala

mat,kecam,ata

n Masih

Kosong”

Sesuai

Harapan

Valid

Page 45: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

65

7 Mengetikan

Nama

Anda, Emai

Address,

No. telp,

Password

dan Re-

Password

tapi isi Re-

Password

berbeda

dengan field

Password

Kemudian

klik daftar

Nama: (fahri)

E-mail:

([email protected])

No

telp:(085648489431)

Password : (12345)

Re-password :

(1234)

Alamat:(Kosong)

Kecamatan:(Kosong

)

Sistem akan

menolak

untuk

menyimpan

data dan

menampilkan

pesan “Isinya

harus sama

dengan

password”

Sesuai

Harapan

Valid

8 Mengetikan

Nama

Anda, Emai

Addressl,

No. telp,

Password

dan Re-

Password

sesuai,alam

at

Kemudian

klik daftar

Nama: (fahri)

E-mail:

([email protected])

No

telp:(085648489431)

Password : (12345)

Re-password :

(12345)

Alamat:(Kosong)

Kecamatan:(Kosong

)

Sistem akan

menolak

untuk

menyimpan

data dan

menampilkan

pesan “Maaf,

,alamat,kecam

atan Masih

Kosong”

Sesuai

Harapan

Valid

9 Mengetikan

Nama

Anda, Emai

Addressl,

No. telp,

Password

dan Re-

Password,al

amat

Kemudian

klik daftar

Nama: (fahri)

E-mail:

([email protected])

No

telp:(085648489431)

Password : (12345)

Re-password :

(12345)

Alamat:(jl. ciluer)

Kecamatan:(Kosong

)

Sistem akan

menolak

untuk

menyimpan

data dan

menampilkan

pesan “Maaf,

,kecamatan

Masih

Kosong”

Sesuai

Harapan

Valid

10 Mengetikan

Nama

Anda, Emai

Addressl,

No. telp,

Password

dan Re-

Nama: (fahri)

E-mail:

([email protected])

No

telp:(085648489431)

Password : (12345)

Re-password :

Sistem akan

menerima

akses dan

menampilkan

pesan “

Pendaftaran

Akun Anda

Sesuai

Harapan

Valid

Page 46: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

66

Password,al

amat,kecam

atan

Kemudian

klik daftar

(12345)

Alamat:(jl. ciluer)

Kecamatan:(bogor

barat)

Berhasil”

F. Pengujian Terhadap Form Tambah Berita

Tabel III.17.

Hasil Pengujian Black Box Testing pada Halaman Tambah Berita

No. Skenario

Pengujian Test Case

Hasil yang

diharapkan

Hasil

Pengujian Kesimpulan

1 Seluruh

field yang

ada pada

form tambah

kategori

tidak di isi,

kemudian

klik simpan.

Judul Berita :

(kosong)

Gambar Berita :

(Kosong)

Isi Berita: ( kosong)

Sistem akan

menolak

untuk

menyimpan

dan

menampilkan

pesan “

Nama berita

Masih

Kosong”

Sesuai

Harapan

Valid

2 Mengetikkan

Nama berita

dan field

yang

lainnya tidak

di isi,

kemudian

simpan

Judul Berita :

(kekalahan ac milan)

Gambar Berita :

(Kosong)

Isi Berita: ( kosong)

Sistem akan

menolak

menyimpan

dan

menampilkan

pesan

“gambar

berita masih

kosong”

Sesuai

Harapan

Valid

3 Mengetikkan

gambar

berita field

yang

lainnya tidak

di isi,

kemudian

simpan

Judul Berita :

(kosong)

Gambar Berita :

(9.jpg)

Isi Berita: ( kosong)

Sistem akan

menolak

menyimpan

dan

menampilkan

pesan “isi

berita masih

kosong”

Sesuai

Harapan

Valid

4 Mengetikkan

semua field

Judul Berita :

(kosong)

Sistem akan

menolak

Sesuai

Harapan

Valid

Page 47: BAB III PEMBAHASAN - repository.bsi.ac.id · Diagram), LRS (Logical Record Structure) dan merancang struktur navigasi. 3.2.1 Rancangan Antar Muka Rancangan antar muka merupakan gambaran

67

yang

lainnya

kemudian

simpan

Gambar Berita :

(9.jpg)

Isi Berita: (

aadasdasdasda)

menyimpan

dan

menampilkan

pesan “data

berhasil

disimpan”